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

How to make my javascript calculator calculate decimal numbers?

本文关键字：计算器计算十进制数字 javascript 我的更新时间：2023-09-26

目前我的简单javascript计算器能够计算整数。然而，它无法对3，4或9，2等十进制数字进行处理。。。getal1&getal2代表数字1&函数分别是加、减、乘和除。

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更改为parseFloat。parseInt是整数，而不是小数，当用户输入小数时，它会忽略小数。

您的加号功能示例：

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();
}

下面的代码也可以划分抽取数。只需使用parseFloat更改parseInt。你可以像这个一样四舍五入你的答案

Math.round(num * 100) / 100

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();
}
  
function min()
{
	var getal1 = document.getElementById('getal1').value;
	var getal2 = document.getElementById('getal2').value; 
	document.getElementById('resultaat').value=parseFloat(getal1) -       parseFloat(getal2);
	document.form1.submit();
}
  
function keer()
{
	var getal1 = document.getElementById('getal1').value;
	var getal2 = document.getElementById('getal2').value; 
	document.getElementById('resultaat').value=parseFloat(getal1) *       parseFloat(getal2);
	document.form1.submit();
}
  
function delen()
{
	var getal1 = document.getElementById('getal1').value;
	var getal2 = document.getElementById('getal2').value; 
	document.getElementById('resultaat').value=parseFloat(getal1) /       parseFloat(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>