我嘗試了幾件事，但都沒有奏效，它不計算面積，我想讓用戶輸入為正數，如果寫了其他任何內容，則發送錯誤
<!DOCTYPE html>
<html>
<head>
<title> Area of circle </title>
</head>
<body>
<script type="text/javascript">
<meta charset="UTF-8">
function CalculateArea(){
var r = document.form1.txtr.value;
var area = (r * r * Math.PI);
document.write("<P> Area is:" area "</P>")
}
</script>
<form name=form1>
Type radient of circle:
<input type="text" name="txtr" size=10>
<br>
<input type="button" value="Calculate" onClick='CalculateArea;'>
</form>
</body>
</html>uj5u.com熱心網友回復：
首先，您需要將 () 添加到您的函式呼叫中。其次，它是 <p> 而不是 <P>，第三，您可能不想使用 document.write。
function CalculateArea(){
var r = document.getElementById('form1').value;
let p = document.getElementById('area')
var area = (r * r * Math.PI);
if (r%1 !=0 || r < 1) p.innerHTML = 'Please enter a whole number greater than 0';
else p.innerHTML = area;
}<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> Area of circle </title>
</head>
<body>
<form id='form1'>
Type radient of circle:
<input type="text" name="txtr" size=10>
<br>
<input type="button" value="Calculate" onClick='CalculateArea()'>
<p id='area'></p>
</form>
</body>
</html>uj5u.com熱心網友回復：
document.addEventListener('DOMContentLoaded', () => {
const inputElem = document.querySelector('#radius');
const buttonElem = document.querySelector('#button');
const outputElem = document.querySelector('#output');
buttonElem.addEventListener('click', () => {
const r = inputElem.value;
if (r >= 0 && r % 1 === 0) {
outputElem.innerHTML = calcArea(r);
} else {
alert('Please enter a positive, whole number radius.');
}
});
});
function calcArea(r) {
return r * r * Math.PI;
}<!DOCTYPE html>
<html>
<head>
<title>Area of circle</title>
<meta charset="UTF-8">
</head>
<body>
<input type="text" id="radius"></input>
<input type="button" id="button" value="Calculate"></input>
<div id="output"></div>
</body>
</html>轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/392224.html
標籤：javascript html