javascript - 如何让我的 javascript 计算器计算十进制数?

标签 javascript html

目前,我的简单 javascript 计算器能够计算整数。但是,它无法使用 3,4 或 9,2 等十进制数来这样做...... getal1 & getal2 代表number1 & number2。函数分别为加、减、乘、除。

function plus()
{
	var getal1 = document.getElementById('getal1').value;
	var getal2 = document.getElementById('getal2').value; 
	document.getElementById('resultaat').value=parseInt(getal1) +  parseInt(getal2);
	document.form1.submit();
}
  
function min()
{
	var getal1 = document.getElementById('getal1').value;
	var getal2 = document.getElementById('getal2').value; 
	document.getElementById('resultaat').value=parseInt(getal1) - parseInt(getal2);
	document.form1.submit();
}
  
function keer()
{
	var getal1 = document.getElementById('getal1').value;
	var getal2 = document.getElementById('getal2').value; 
	document.getElementById('resultaat').value=parseInt(getal1) * parseInt(getal2);
	document.form1.submit();
}
  
function delen()
{
	var getal1 = document.getElementById('getal1').value;
	var getal2 = document.getElementById('getal2').value; 

	document.getElementById('resultaat').value=parseInt(getal1) / parseInt(getal2);
	document.form1.submit();
}
<!doctype html>
<html>
	<head>
		<title>
			Oefening calculator
		</title>
		<script src="Javascript.js">
		</script>
		<link rel="stylesheet" type="text/css" href="StyleSheet.css">
	</head>
		<body>
		
			<div id="calculator">
			
			<!-- Invoervelden getal1 en getal2 -->
				<form id="point1">
					<label for="getal1">
						Geef 1e getal :
					</label>
					<input type="number" name="getal1" id="getal1">
				<br />
					<label for="getal2">
						Geef 2e getal :
					</label>
					<input type="number" name="getal2" id="getal2">
				</form>
				
			<!-- De som knoppen -->
			<div id="knoppen">
				<button onClick="plus()">
					+
				</button>
				<button onClick="min()">
					-
				</button>
				<button onClick="keer()">
					x
				</button>
				<button onClick="delen()">
					/
				</button>
			</div>
				<br />
				
			<!-- Het resultaat tekstblok -->
				<form id="point3">
					<label for="resultaat">
						Resultaat
					</label>
					<input type="number" name="resultaat" id="resultaat">
				</form>
				
			</div>
			
		</body>
</html>

最佳答案

parseInt 更改为 parseFloatparseInt 是整数,不是小数,当用户输入小数时它会忽略小数。

您的 plus 函数示例:

function plus() {
    var getal1 = document.getElementById('getal1').value;
    var getal2 = document.getElementById('getal2').value;
    document.getElementById('resultaat').value = parseFloat(getal1) + parseFloat(getal2);
    document.form1.submit();
}

关于javascript - 如何让我的 javascript 计算器计算十进制数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34650118/

相关文章:

javascript - 使用 ES6 模块从相邻脚本标签导入

javascript - 如何使用 JavaScript 更改文本区域的背景颜色

javascript - 使用ripple时PhoneGap错误

javascript - 如何在 JavaScript 中编写动画字符串序列(具有淡入淡出效果)?

javascript - 使用 Ajax 搜索 keyup 和文档就绪

javascript - 如何在延迟 2 秒后触发 $watch 或执行范围订阅属性的最后一个条件?

javascript - 如何从建议列表中自动填充文本框?

javascript - 如何在列之间平均拆分 Bootstrap 行宽

javascript - 如何将字符串变量传递给 JavaScript 函数并使用它来获取元素

Javascript - 当我们点击 div 时添加和删除类