我不确定为什么我的onclick按钮无法与我在文本框中输入的内容链接起来？

Question

因此，我对Java语言还很陌生，我正在研究一些将十进制数字转换为二进制数字的代码。 但是，当我运行该程序时，似乎无法获得所需的输出。 我做的最好的事情就是让我的函数输出已经在函数内部的确切数字，而我却想获取从键入文本框的任何数字生成的输出？ 我不完全确定我在哪里出错。 我觉得我显然缺少某些东西，但是我似乎无法确切地了解它到底是什么。 我一直在使用codecademy和w3schools来获取有关JavaScript的更多知识，但是如果任何人在他们开始编程时都拥有其他帮助他们的资源，那将是很棒的！

<!DOCTYPE html>
<html>
<body>

<p>Convert from Decimal to Binary:</p>

<form method = "post">

<p id = "demo">

<label for="decNum"></label>
    <input name="decNum" type="text">

<button onclick="toBinary()">Enter</button>

</p>

</form>

<script>
function toBinary() {
    document.getElementById("demo").innerHTML =
    parseInt(num,10).toString(2); 
}

</script>

</body>
</html>

Answer 1

这是因为num没有值。

尝试这个：

<p>Convert from Decimal to Binary:</p>

<form method = "post">

<p id = "demo">

<label for="decNum"></label>
    <input name="decNum" type="text" id="decNum">

<button onclick="toBinary()">Enter</button>
</p>


</form>

<script>
function toBinary() {
    var num = document.getElementById("decNum").value;
    document.getElementById("demo").innerHTML =
    parseInt(num, 10).toString(2); 
}

</script>

Answer 2

我会改变一些事情。 首先，我将非表单元素保留在表单之外。 主要问题是num没有值，但是要确保它有效，您还需要获取事件并使用event.preventDefault（）来确保它不提交表单。 尝试：

<!DOCTYPE html>
<html>
<body>
<p>Convert from Decimal to Binary:</p>
<form method="post">
  <label for="decNum"></label>
  <input id="field" name="decNum" type="text">
  <button onclick="toBinary(event)">Enter</button>
</form>
<p id="demo"></p>
<script>
function toBinary(event) {
    event.preventDefault();
    var value = document.getElementById('field').value;
    document.getElementById("demo").innerHTML =
    parseInt(Number(value), 10).toString(2);
}
</script>
</body>
</html>

Answer 3

您没有定义num 。

这样从输入中获取它：

 function toBinary() { const num = document.getElementById("textInput").value; document.getElementById("demo").innerHTML = parseInt(Number(num),10).toString(2); }

 <p id = "demo"></p> <label for="decNum"></label> <input name="decNum" type="text" id="textInput"> <button onclick="toBinary()">Enter</button>

我不确定为什么我的onclick按钮无法与我在文本框中输入的内容链接起来？

问题描述

3 个解决方案

解决方案1
1 2018-03-01 01:00:32

解决方案2
0 已采纳 2018-03-01 01:03:39

解决方案3
0 2018-03-01 01:07:09

我不确定为什么我的onclick按钮无法与我在文本框中输入的内容链接起来？

问题描述

3 个解决方案

解决方案1 1 2018-03-01 01:00:32

解决方案2 0 已采纳 2018-03-01 01:03:39

解决方案3 0 2018-03-01 01:07:09

解决方案1
1 2018-03-01 01:00:32

解决方案2
0 已采纳 2018-03-01 01:03:39

解决方案3
0 2018-03-01 01:07:09