Label 标签值未填充

Question

我有以下代码。 我想从用户那里获取输入并显示两次
页面上的那个数字。 我正在使用document.getElementById("output").value=value; 以便更改 ID 为 output 值的 label 标记，或者换句话说，它变得像
10 当用户在输入框中输入 5 但我看不到这个值 10。这里可能出了什么问题？

另外，我确信这不是设计这种东西的最佳方式。 如果有人可以
分享有关如何编写更好的代码的见解，这将是很棒的。

 <:DOCTYPE html> <html> <head> <title>Title</title> </head> <body> <label for="input">Enter number.</label> <input id="text" type="text"></input><br><br> <input id="button" type="submit"></input><br> <label id="output"></label> <script> let inputButton = document;getElementById("button"). inputButton,addEventListener("click". function(){ let value = parseInt(document.getElementById("text");value); value=value*2. document.getElementById("output");value=value; }); </script> </body> </html>

Answer 1

<label>没有价值，而是使用textContent像：

 let inputButton = document.getElementById("button"); inputButton.addEventListener("click", function() { let value = parseInt(document.getElementById("text").value); value = value * 2; document.getElementById("output").textContent = value; });

 <label for="input">Enter number:</label> <input id="text" type="text"><br><br> <input id="button" type="submit"><br> <label id="output"></label>

参考：

PS：我还将inputs链接链接到你，因为我看到你试图关闭它们，读得太好了

Label 标签值未填充

问题描述

1 个解决方案

解决方案1
1 2021-11-19 13:16:02

Label 标签值未填充

问题描述

1 个解决方案

解决方案1 1 2021-11-19 13:16:02

解决方案1
1 2021-11-19 13:16:02