Javascript 尝试在文本字段中输入两个数字，并使用jquery提示答案_Javascript_Jquery_Function_Input

Javascript 尝试在文本字段中输入两个数字，并使用jquery提示答案

javascript jquery function input

Javascript 尝试在文本字段中输入两个数字，并使用jquery提示答案,javascript,jquery,function,input,Javascript,Jquery,Function,Input,对javascript和jquery非常陌生。我尝试了一个练习，得到了这个代码，我希望它能将用户输入的两个数字输入到文本字段中，然后单击“乘法”按钮，它会提示（）答案 <body> <script> $(document).ready(function(){ var first = $('#first').value; var second = $('#second').value; $('#multiply').

对javascript和jquery非常陌生。我尝试了一个练习，得到了这个代码，我希望它能将用户输入的两个数字输入到文本字段中，然后单击“乘法”按钮，它会提示（）答案

<body>

<script>
    $(document).ready(function(){
        var first = $('#first').value;
        var second = $('#second').value;
        $('#multiply').click(function(){
            alert(first*second);
        }); // end click
    }); // end ready
</script>

First Number: 
<input type="text" id="first"><br >

Second Number: 
<input type="text" id="second"><br >

<input type="button" id="multiply" value="Multiply">
<input type="button" id="divide" value="Divide">

</body>


$（文档）.ready（函数（）{
var first=$（'#first'）.value；
var second=$（'#second'）。值；
$（'#乘法'）。单击（函数（）{
警报（第一个*第二个）；
})；//结束单击
}); // 准备就绪
第一个号码：


第二个号码：

我建议：

$(document).ready(function(){
    $('#multiply').click(function(){
        var first = parseFloat($('#first').val());
        var second = parseFloat($('#second').val());
        console.log(first*second);
    }); // end click
}); // end ready

```
val（）
```
用于从jQuery对象（或jQuery集合的第一个元素的值）获取
```
值
```


parseFloat（）
用于将
元素的字符串转换为数字


顺便说一句，我使用的是console.log（）
，而不是window.alert（）
，目的是减少用户的沮丧情绪。但是，很明显，根据您自己的喜好来改变这一点（但是登录到控制台并不需要用户操作来取消）
参考资料：

JavaScript:



jQuery：



我建议：
$(document).ready(function(){
    $('#multiply').click(function(){
        var first = parseFloat($('#first').val());
        var second = parseFloat($('#second').val());
        console.log(first*second);
    }); // end click
}); // end ready


val（）
用于从jQuery对象（或jQuery集合的第一个元素的值）获取值

parseFloat（）
用于将
元素的字符串转换为数字

顺便说一句，我使用的是console.log（）
，而不是window.alert（）
，目的是减少用户的沮丧情绪。但是，很明显，根据您自己的喜好来改变这一点（但是登录到控制台并不需要用户操作来取消）
参考资料：

JavaScript:



jQuery：



我建议：
$(document).ready(function(){
    $('#multiply').click(function(){
        var first = parseFloat($('#first').val());
        var second = parseFloat($('#second').val());
        console.log(first*second);
    }); // end click
}); // end ready


val（）
用于从jQuery对象（或jQuery集合的第一个元素的值）获取值

parseFloat（）
用于将
元素的字符串转换为数字

顺便说一句，我使用的是console.log（）
，而不是window.alert（）
，目的是减少用户的沮丧情绪。但是，很明显，根据您自己的喜好来改变这一点（但是登录到控制台并不需要用户操作来取消）
参考资料：

JavaScript:



jQuery：



我建议：
$(document).ready(function(){
    $('#multiply').click(function(){
        var first = parseFloat($('#first').val());
        var second = parseFloat($('#second').val());
        console.log(first*second);
    }); // end click
}); // end ready


val（）
用于从jQuery对象（或jQuery集合的第一个元素的值）获取值

parseFloat（）
用于将
元素的字符串转换为数字

顺便说一句，我使用的是console.log（）
，而不是window.alert（）
，目的是减少用户的沮丧情绪。但是，很明显，根据您自己的喜好来改变这一点（但是登录到控制台并不需要用户操作来取消）
参考资料：

JavaScript:



jQuery：



获取文本字段的值时，结果为文本。不是数字。您可以使用（全局可用的）parseFloat函数（如果数字没有小数，则使用parseInt函数）将值解析为数字
var first=parseFloat（$（“#first”）.val（）；
var second=parseFloat（$（'#second'）.val（）；
获取文本字段的值时，结果为文本。不是数字。您可以使用（全局可用的）parseFloat函数（如果数字没有小数，则使用parseInt函数）将值解析为数字
var first=parseFloat（$（“#first”）.val（）；
var second=parseFloat（$（'#second'）.val（）；
获取文本字段的值时，结果为文本。不是数字。您可以使用（全局可用的）parseFloat函数（如果数字没有小数，则使用parseInt函数）将值解析为数字
var first=parseFloat（$（“#first”）.val（）；
var second=parseFloat（$（'#second'）.val（）；
获取文本字段的值时，结果为文本。不是数字。您可以使用（全局可用的）parseFloat函数（如果数字没有小数，则使用parseInt函数）将值解析为数字
var first=parseFloat（$（“#first”）.val（）；
var second=parseFloat（$（'#second'）.val（）；
jQuery对象中没有值
属性，请使用val
方法从输入中获取值：
var first = $('#first').val();
var second = $('#second').val();

现在，您已经有了在页面加载时获取值的代码，但您应该在单击时获取值：
$(document).ready(function(){
    $('#multiply').click(function(){
        var first = $('#first').val();
        var second = $('#second').val();
        alert(first * second);
    }); // end click
}); // end ready

在执行乘法时，您正在使用从字符串到数字的隐式转换。您可能希望显式解析字符串，最好确保数据的类型正确，而不是依赖隐式转换。例如，如果您想要添加数字，隐式转换在那里将不起作用，因为+
操作符也用于连接字符串。使用parseInt
或parseFloat
方法将字符串解析为数字。例如：
var first = parseInt($('#first').val(), 10);
var second = parseInt($('#second').val(), 10);

jQuery对象中没有value
属性，请使用val
方法从输入中获取值：
var first = $('#first').val();
var second = $('#second').val();

现在，您已经有了在页面加载时获取值的代码，但您应该在单击时获取值：
$(document).ready(function(){
    $('#multiply').click(function(){
        var first = $('#first').val();
        var second = $('#second').val();
        alert(first * second);
    }); // end click
}); // end ready

在执行乘法时，您正在使用从字符串到数字的隐式转换。您可能希望显式解析字符串，最好确保数据的类型正确，而不是依赖隐式转换。例如，如果您想要添加数字，那么隐式转换在那里将不起作用，因为+