如何连续HTML中进行数字更新和显示？

发布于 2025-01-25 13:30:30 字数 550 浏览 2 评论 0原文

到目前为止，我被困在这里。结果，我继续得到Nan。我尝试从段落开始和获取数字0开始，但返回“无法读取null的属性（读取'addeventListener'）”

<html>
<style>
</style>
<body>
 <p id="result" value=0>
      0
 </p>
 <button id="func">RUN IT</button>
 <script> 
document.getElementById("func").addEventListener("click", () => {
 var n = document.getElementById("result");
 console.log(result);
 if (n != 10) {
      n++;
      
document.getElementById("result").innerHtml = n;
 }});
</script>
</body>
</html>

原文

So far I'm stuck here. I continue to get NAN as a result. I tried by starting off with a paragraph and fetching number 0 but returns "cannot read properties of null (reading 'addEventListener')"

<html>
<style>
</style>
<body>
 <p id="result" value=0>
      0
 </p>
 <button id="func">RUN IT</button>
 <script> 
document.getElementById("func").addEventListener("click", () => {
 var n = document.getElementById("result");
 console.log(result);
 if (n != 10) {
      n++;
      
document.getElementById("result").innerHtml = n;
 }});
</script>
</body>
</html>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

游魂 2025-02-01 13:30:30

document.getElementById("func").addEventListener("click", () => {
  var n_isADomElement = document.getElementById("result");
  let v = +n_isADomElement.innerText
  
  if (v != 10) {
    v++;
    n_isADomElement.innerText = v;
  }
  
});

<html>
<style>

</style>

<body>
  <p id="result" value=0>
    0
  </p>
  <button id="func">RUN IT</button>
</body>

</html>

document.getElementById("func").addEventListener("click", () => {
  var n_isADomElement = document.getElementById("result");
  let v = +n_isADomElement.innerText
  
  if (v != 10) {
    v++;
    n_isADomElement.innerText = v;
  }
  
});

<html>
<style>

</style>

<body>
  <p id="result" value=0>
    0
  </p>
  <button id="func">RUN IT</button>
</body>

</html>

回复收藏 0 原文

猫九 2025-02-01 13:30:30

如果我正确理解您的问题，则每次点击按钮时，都需要将10添加到结果中。

  let result = document.querySelector('#result');
        document.querySelector('#func').addEventListener('click', (e) => {
            if (result.textContent != 10) {
                result.textContent++
            }
        })

<p id="result">0</p>
    <button id="func">RUN IT</button>

我希望我能帮助

If I understand your problem correctly, you want to add 10 to the result every time the button is clicked.

  let result = document.querySelector('#result');
        document.querySelector('#func').addEventListener('click', (e) => {
            if (result.textContent != 10) {
                result.textContent++
            }
        })

<p id="result">0</p>
    <button id="func">RUN IT</button>

I hope I could have helped

回复收藏 0 原文

~没有更多了~

关于作者

記憶穿過時間隧道

暂无简介

文章

27 人气

关注发私信

alipaysp_snBf0MSZIv

文章 0 评论 0

关注

梦断已成空

文章 0 评论 0

关注

瞎闹

文章 0 评论 0

关注

凯凯我们等你回来

文章 0 评论 0

关注

寄意

文章 0 评论 0

关注

似梦非梦

文章 0 评论 0

友情链接

文江博客

如何连续HTML中进行数字更新和显示？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（2）

关于作者

相关话题

热门标签

推荐作者

alipaysp_snBf0MSZIv

梦断已成空

瞎闹

凯凯我们等你回来

寄意

似梦非梦

友情链接

如何连续HTML中进行数字更新和显示？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（2）

关于作者

相关话题

热门标签

推荐作者

alipaysp_snBf0MSZIv

梦断已成空

瞎闹

凯凯我们等你回来

寄意

似梦非梦

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。