gpt4 book ai didi

javascript - 创建一个简单的计算器函数

转载 作者:行者123 更新时间:2023-12-02 22:15:59 25 4
gpt4 key购买 nike

我正在尝试创建一个简单的计算器功能,但我没有显示值。我知道我错过了一些东西,但不确定它到底是什么。现在,我只研究加法,并将研究其他(乘法、减法和除法)。我的 HTML 代码是这样的:

    <!DOCTYPE html>
<html lang="en">
<head>
<title> Simple Calculator </title>
<meta charset="utf-8">
<script src="js/jquery-3.4.1.js"></script>
<script src="js/assignment03.js"></script>



</head>

<body>

<h1>Calculator</h1>
<label for="num1">Number1</label>
<br>
<input id="num1" name="num1" type="text" value="0"/>
<br>
<label for="num2">Number 2</label>
<br>
<input id="num2" name="num2" type="text" value="0"/>
<br>
<br>
<a id="action" href="#">Click Here to Calculate </a>


<div>The result of adding the numbers is: <span id="result-add"></span></div>


</body>

</html>


我的Javascript代码是这样的:

$(document).ready(function() {
$('#action').click(function() {
//DO NOT CHANGE CODE BELOW
var num1 = parseInt($('#num1').val());
var num2 = parseInt($('#num2').val());
clear();
addNumbers(num1, num2);
var result = multiplyNumbers(num1, num2);
$('#result-mult').text(result);
//DO NOT CHANGE CODE ABOVE

});

/*
Below this comment, create a function
named addNumbers, which accepts two parameters.
The function should add the two parameters together
and write the result to the element with the id
result-add
*/
function addNumbers (num1, num2) {
var retVal = num1 + num2;
retVal = ("#result-add");
return retVal;

};

如有任何见解,我们将不胜感激。

最佳答案

您想要设置 innerHTML元素的属性。在 jQuery 中,您可以使用 text 来做到这一点.

$("#result-add").text(retVal);

您也不需要return如果函数的唯一目的是产生在元素中设置文本的副作用,则从函数中调用。

关于javascript - 创建一个简单的计算器函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59384923/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com