JS实现计算器带三角函数根号
以下是一个使用JavaScript实现的计算器代码,它包含了三角函数、开方等功能。总字数超过1200字,但是实际代码量并不多,请自行补充。
```javascript
//获取页面元素
const display = ElementById("display");
const buttons = ElementsByClassName("btn");
//绑定按钮事件
for (let i = 0; i < buttons.length; i++)
buttons[i].addEventListener("click", buttonClick);
//按钮点击事件处理函数
function buttonClick(event)
const buttonValue = event.target.innerHTML;
if (buttonValue === "=")
calculate(;
} else if (buttonValue === "C")
clear(;
} else if (buttonValue === "√")
squareRoot(;
} else if (buttonValue === "sin")
sine(;
} else if (buttonValue === "cos")
cosine(;
} else
appendValue(buttonValue);
}
//向显示屏追加内容
function appendValue(value)
display.value += value;
//清空显示屏
function clea
display.value = "";
网页计算器html代码//计算结果
function calculat
try
const result = eval(display.value); // 使用eval计算表达式
display.value = Fixed(4); // 结果四舍五入保留4位小数
} catch (error)
display.value = "Error";
}
//计算平方根
function squareRoo
try
const result = Math.sqrt(eval(display.value));
display.value = Fixed(4);
} catch (error)
display.value = "Error";
}
//计算正弦值
function sin
try
const result = Math.sin(eval(display.value) * (Math.PI / 180)); // 将角度转换为弧度
display.value = Fixed(4);
} catch (error)
display.value = "Error";
}
//计算余弦值
function cosin
try
const result = s(eval(display.value) * (Math.PI / 180)); // 将角度转换为弧度
display.value = Fixed(4);
} catch (error)
display.value = "Error";
}
```
HTML部分:
```html
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="calculator">
<input type="text" id="display" readonly>
<div id="buttons">
<div class="row">
<button class="btn">7</button>
<button class="btn">8</button>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论