时间戳

首页 > 解决方案 > 如何显示变量更改

javascript - 如何显示变量更改

问题描述

我是编码新手。我正在尝试建立一个网站来跟踪我的作业。我希望它显示我必须做的事情。这是我的代码。

<p id="demo">To do now.</p>

<button type="button" onclick='document.getElementById("demo").innerHTML = "do"'>Click Here!</button>

var do="5";

我如何获得“现在做”。到 5。

标签： javascripthtml

解决方案

您不能让 Javascript 仅在 HTML 文件中浮动，因为您的浏览器不知道如何处理它。所有 Javascript 都应包含在<script>标签中或在外部文件中并用<link>标签引用。

如果我错了，请纠正我，但据我所知，你想要“现在做”。更改为 5。

如果是这样，那么你不需要你的do变量。您只需onclick按如下方式更改属性值：

<button type="button" onclick='document.getElementById("demo").innerHTML = "5"'>Click Here!</button>

或者，如果您希望使用 Javascript 变量将文本更改为 5，您可以打开一个script标签并插入一个函数，如下所示：

<script type="text/javascript">
  function changeText() {
    var doo = 5;
    document.getElementById('demo').innerHTML = doo;
  }
</script>

<p id="demo">To do now.</p>

<button type="button" onclick="changeText()">Click Here!</button>

我不太确定你为什么要这样做，但无论如何我都给了你这个选项，以防你这样做。

如您所见，我更改了您以前使用的do变量，doo因为您不能使用第一个版本作为变量名。这是因为我们使用do循环的关键字。在此处查看 w3 关于 do/while 循环的页面。

如果您说您是编程新手，那么我强烈建议您在完成后使用w3 学校的 HTML、CSS 和 Javascript 教程，您应该对 Javascript 如何与 HTML 交互有更好的理解。

推荐阅读