文章/答案/技术大牛

发布

社区首页 >问答首页 >我试图在单击并返回NaN时增加一个值

问我试图在单击并返回NaN时增加一个值
EN

Stack Overflow用户

提问于 2021-09-29 20:59:50

回答 2查看 66关注 0票数 0

我尝试过很多东西，但是我不知道任何JavaScript。代码中的所有JavaScript都是从堆栈溢出和其他源复制的。我只知道如何使用HTML，而且我仍然很新。(它还可能包含一些我也不知道的CSS )

是个失败的东西，所以忽略它吧。

<html>
<head>
    <meta charset="utf-8">
    <title>Bottle Clicker</title>
</head>
<body>
<a href=# onclick="bigBottlePress()"><img src="Images/BigBottle.png" height="500"></a>
<!--<button id="bigButton" onclick="bigBottlePress()"><img src="Images/BigBottle.png"></button>-->
<br>
<br>
<input type="text" id="hydrationLevelDisplay" placeholder="Hydration Level: " disabled style= text-align:center>
<script>
    var hydrationLevel = 0
    function bigBottlePress() {
            var hydrationLevel = hydrationLevel + 1
            document.getElementById("hydrationLevelDisplay").value = "Hydration Level: " + hydrationLevel;
            document.title = "Hydration Level: " + hydrationLevel;
    }
</script>
</body>
</html>

html

css

nan

javascript

回答 2

Stack Overflow用户

回答已采纳

发布于 2021-09-29 21:04:40

您已经声明了hydrationLevel外部函数，因此不需要修改它。只要改变一下，

var hydrationLevel = hydrationLevel + 1

至

hydrationLevel = hydrationLevel + 1

票数 1

Stack Overflow用户

发布于 2021-09-29 21:05:15

创建按钮-> id:btn创建结果div或p或h1 -> id:水化级别

选择按钮，添加事件侦听器

document.getElementById('btn').addEventListener('click', incrementLevel)
let hydrationCount = 0;

function incrementLevel() {
 hydrationCount += 1;
 document.getElementById('hydrationLevel').textContent = hydrationCount;
}

我鼓励你以这种方式使用事件侦听器。这就是我为什么提供这个解决方案的原因。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/69383297

复制

相似问题

问我试图在单击并返回NaN时增加一个值
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我试图在单击并返回NaN时增加一个值EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问我试图在单击并返回NaN时增加一个值
EN