javascript - insideHTML 不打印。 (Javascript)

标签 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>

感谢大家的帮助

最佳答案

尝试;

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

关于javascript - insideHTML 不打印。 (Javascript),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39703958/

相关文章:

javascript - React 和 FLUX - 我将在 Web 应用程序中的哪里实现服务器例程?

javascript - 使文本可选择

html - 中心列表项

javascript - 不使用 iframe 隔离 HTML 元素

android - 移动设备垂直滚动不起作用 *Sprite Spin*

javascript - 检查任何类型的 typeof 的最短方法是什么?

javascript - 拦截父页面关闭弹窗

javascript - 仅使用 CSS 关闭模式

javascript - 如何在Jquery中设置时间自动重定向

javascript - 如何通过 mouseover/mouseout 在 <div> 附近显示/隐藏新的 <div>?