html 计算器代码

Html

Css

.main {
	position:absolute;
	width:400px;
	height:500px;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.window {
	display:flex;
	flex-direction:column;
	background-color:#f0f0f0;
	margin-bottom:10px;
	border-radius:6px;
}
.window input {
	height:30px;
	font-size:20px;
	padding:5px 10px;
	border:none;
	outline:none;
	background-color:#f0f0f000;
}
.btn {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:2px;
}
.btn input {
	height:50px;
	font-size:20px;
	border:none;
	outline:none;
	border-radius:6px;
}

let isNewCalculation = false; // Flag to check if a new calculation is starting

function Solve(val) {
    var v = document.getElementById('expression');
    if (isNewCalculation) {
        v.value = ''; // Clear the expression for a new calculation
        isNewCalculation = false; // Reset the flag
    }
    v.value += val;
}

function Result() {
    var expr = document.getElementById('expression').value;
    var res = eval(expr);
    document.getElementById('result').value = res;
    document.getElementById('expression').value = expr + " = " + res; // Show the expression and result
    isNewCalculation = true; // Set flag to true for new calculation
}

function Clear() {
    document.getElementById('expression').value = '';
    document.getElementById('result').value = '';
    isNewCalculation = false; // Reset flag when clearing
}

function Back() {
    var ev = document.getElementById('expression');
    ev.value = ev.value.slice(0, -1);
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

html 计算器代码



代码描述：简单加减乘除计算器

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

唐老鸭

相关代码

html 计算器代码

最新