如何显示变量变化

Question

我是编码新手。我正试图建立一个网站来跟踪我的家庭作业。我想让它显示我必须做什么。这是我的代码。

<p id="demo">To do now.</p>
<button type="button" onclick='document.getElementById("demo").innerHTML = "do"'>Click Here!</button>
var do="5";

我如何获得"；现在就做"至5。

Answer 1

您不能让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交互。

Answer 2

do是JavaScript中的预定义单词，因此不能将其用作变量。试试别的吧。你可以试试这个

<p id="demo">To do now.</p>
<button type="button" onclick="var doit='5'; document.getElementById('demo').innerHTML = doit;">Click Here!</button>

Answer 3

我不建议在html结构中声明函数。最好将JavaScript逻辑单独放在文件中，如我的示例所示。

var inner = '5';
document.querySelector('button').onclick = function() {
document.getElementById("demo").innerHTML = inner;
}

<p id="demo">To do now.</p>
<button type="button">Click Here!</button>