innerHTML不打印。 (JavaScript)的

时间:2016-09-26 13:16:42

标签: javascript html

我不是新编码, 但我绝对是一个业余爱好者(特别是在Javascript中),我刚刚开始了一个个人用途的新项目。

我似乎无法通过我的Javascript来打印出我的答案,而且我不想继续使用该项目,直到我弄明白,因为在我处理它时会有更复杂的计算。

我的代码如下:

<!DOCTYPE html>
<html lang="en">
    <head>
    </head>
    <body>
        <p>Enter Your Macros</p>
        <p>Fats</p>
        <input type="number" name="fats" id="fatInput"/><br>
        <button onclick="myFunction()">Calculate</button><br>
        <p id="todaysFat"></p>
        <script>
        function myFunction() {
            var f = document.getElementById("fatInput").innerHTML;
            document.getElementById("todaysFat").innerHTML = f;
        }
        </script>
    </body>
</html>

感谢您提供所有帮助

3 个答案:

答案 0 :(得分:0)

将innerhtml更改为第一行中的值。 请参阅以下代码:

&#13;
&#13;
function myFunction() {
  var f = document.getElementById("fatInput").value;
  document.getElementById("todaysFat").innerHTML = f;
}
&#13;
<p>Enter Your Macros</p>
<p>Fats</p>
<input type="number" name="fats" id="fatInput" />
<br>
<button onclick="myFunction()">Calculate</button>
<br>
<p id="todaysFat"></p>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

试;

function myFunction() {
            var f = document.getElementById("fatInput").value;
            document.getElementById("todaysFat").innerHTML = f;
}

答案 2 :(得分:0)

我不认为它是你想要的innerHTML,而是INPUT的价值。 所以这个.value不是innerHTML。

例如..

var f = document.getElementById("fatInput").value;