Javascript 我如何从用户那里获取输入，对其进行数学运算，然后将答案输出到数学运算中？如何使输出值自动更新？_Javascript_Jquery_Html

Javascript 我如何从用户那里获取输入，对其进行数学运算，然后将答案输出到数学运算中？如何使输出值自动更新？

javascript jquery html

Javascript 我如何从用户那里获取输入，对其进行数学运算，然后将答案输出到数学运算中？如何使输出值自动更新？,javascript,jquery,html,Javascript,Jquery,Html,我真的不知道该怎么做，我对HTML/js基本上是新手到目前为止，我已经： <div class="inputs"> <label for="#arena2v2">2v2 Arena Rating:	</label><input class="pvp" type="number" step="1" max="3500" min="0.0" id="arena2v2" value="0"><br /> <

我真的不知道该怎么做，我对HTML/js基本上是新手

到目前为止，我已经：

<div class="inputs">
    <label for="#arena2v2">2v2 Arena Rating:&#9;</label><input class="pvp" type="number" step="1" max="3500" min="0.0" id="arena2v2" value="0"><br />
    <label for="#arena3v3">3v3 Arena Rating:&#9;</label><input class="pvp" type="number" step="1" max="3500" min="0.0" id="arena3v3" value="0"><br />
    <label for="#rbg">RBG Rating:&#9;&#9;</label><input class="pvp" type="number" step="1" max="3500" min="0.0" id="rbg" value="0"><br />
</div>
<div style="position: relative">
    <div class="pvpThing center-align" style="position: relative;">
      Score:<br />
      <span id="score">0.000000</span>
    </div>
</span>
</div>

我不知道该怎么做自动更新。我尝试了一些方法，但没有一种有效。

在键控和更改时进行操作-因此，每次用户键入内容时，计算都完成了

我会这样做：

    <!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
        $("input").on("keyup change",function(){
        //user is typing so will trigger this
            var value1 ="",value2 = ""

            value1 = $("#value1").val();
            value2 = $("#value2").val();
            if(value1 != "" && value2 != "" && value1 != "undefined" && value2 != "undefined"){
                $("#score").html(value1 * value2);
            }
        });
    });
</script>
</head>
<body>

Enter Value 1: <input type="number" id="value1"><br>

Enter Value 2: <input type="number" id="value2">

<p id="score"></p>

</body>
</html>

这是一个基本的例子，说明了我将如何做到这一点-您可以更改变量以获得正确的数据并给出数学结果

您想要javascript方法还是jquery方法？你能详细说明一下你试过的方法吗？我对这两种方法都很满意。我试着把分数定在跨度上，但实际上没有别的办法。就像我说的，我是个新手，我不知道该尝试什么。

    <!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
        $("input").on("keyup change",function(){
        //user is typing so will trigger this
            var value1 ="",value2 = ""

            value1 = $("#value1").val();
            value2 = $("#value2").val();
            if(value1 != "" && value2 != "" && value1 != "undefined" && value2 != "undefined"){
                $("#score").html(value1 * value2);
            }
        });
    });
</script>
</head>
<body>

Enter Value 1: <input type="number" id="value1"><br>

Enter Value 2: <input type="number" id="value2">

<p id="score"></p>

</body>
</html>