繁体   English   中英

使 Javascript 计算用户输入的 HTML

[英]Make Javascript calculate HTML input from user

我想制作一个可以计算用户在文本字段中输入的数字的网站。 下面,我试图将用户输入存储在一个变量中,然后将其返回到控制台,但这似乎不起作用。 它应该进行更多的计算,但我想我一开始会保持简单。 我忘记了什么?

PS:我目前还在学习JavaScript,所以不要烤我太硬:)

谢谢!

最好的米克尔

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="/JavaScript/culjo.js" defer></script>
        <title>Culjo</title>
    </head>
    <body>
    <h1>Culjo</h1>

    <input id="inputOne" type="text">
    <input id="inputtwo" type="text">
    <input id="result" type="number">





    <script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256- 
    QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
        <script 
    src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    </body>
    </html>

Javascript

        function calculate() {
        var inputOne = document.getElementById("inputOne")
        var inputTwo = document.getElementById("inputTwo")
            result = inputOne+inputTwo + inputTwo
            
            return result
    }
    calculate()

您需要像这样获取字段的值:

var inputOne = document.getElementById("inputOne").value;

然后使用

parseInt()parseFloat()如注释中所述解析字符串。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM