JavaScript和HTML实现的简单计算机

Posted 2020-10-25 lcs-java

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript和HTML实现的简单计算机相关的知识，希望对你有一定的参考价值。

代码案例

<!DOCTYPE html>

<html>

<head>

<title>Insert title here</title>

var result_1;

//加法

function add() {

var a = getFirstNumber();

var b = getTwiceNumber();

var re = Number(a) + Number(b);

sendResult(re);

}

//减法

function subtract() {

var a = getFirstNumber();

var b = getTwiceNumber();

var re = a - b;

sendResult(re);

}

//乘法

function ride() {

var a = getFirstNumber();

var b = getTwiceNumber();

var re = a * b;

sendResult(re);

}

//除法

function devide() {

var a = getFirstNumber();

var b = getTwiceNumber();

var re = a / b;

sendResult(re);

}

//给p标签传值

function sendResult(result_1) {

var num = document.getElementById("result")

num.innerHTML = result_1;

}

//获取第一位数字

function getFirstNumber() {

var firstNumber = document.getElementById("first").value;

return firstNumber;

}

//获取第二位数字

function getTwiceNumber() {

var twiceNumber = document.getElementById("twice").value;

return twiceNumber;

}

</script>

</head>

<body>

<p>简单计算器:</p>

<tr>

</tr>

<tr>

</tr>

<tr>

</td>

</tr>

<tr>

</td>

</tr>

</table>

</body>

</html>

以上是关于JavaScript和HTML实现的简单计算机的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript简单介绍

JavaScript实现简单计算器

用JavaScript实现一个简单的网页版计算器