為什么這段代碼不能運行，它有什么問題？當我嘗試運行它時，它只是給了我一個黑色頁面，我通過 html 驗證器運行它，它說一切都很好。如果有人可以幫助我，我會非常感謝
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title> Area of circle </title>
</head>
<body>
<script type="text/javascript">
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;
}
<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>
</script>
</body>
</html>uj5u.com熱心網友回復：
新答案
所以在r變數中不是更多地選擇整個表格
但您需要的唯一輸入（在 html 中我id為輸入分配了一個新的輸入）
事實上，js 現在正在選擇輸入，并.value直接從那里獲取:)
<!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" id="r-input" value="10">
<br>
<input type="button" value="Calculate" onclick="CalculateArea()">
<p id="area">
</p>
</form>
<script type="text/javascript ">
function CalculateArea() {
var r = document.getElementById('r-input').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';
console.log("r " r);
console.log("area " area);
} else {
p.innerHTML = area;
}
}
</script>
</body>
</html>以前的回答
有時ide美化代碼是錯誤的，
不是因為你寫錯了，
但是因為你在 javascript 中插入了 html 代碼......所以從技術上講，ide 認為你在撰寫 js......（結果）
沒問題，這里有解決方案
- 復制
<form>代碼
<form>
...
</form>
CRTLX復制它以
CTRLC（<script>標簽外）開頭嘗試洗掉標簽名稱和
<or之間的空格>
這里的代碼
<!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=1 0>
<br>
<input type="button" value="Calculate" onClick='CalculateArea()'>
<p id='area'>
</p>
</form>
<script type="text/javascript">
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;
}
}
</script>
</body>
</html>uj5u.com熱心網友回復：
該元素屬于 script 元素之外，在 document 中。
<!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>
<script type="text/javascript">
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;
}
</script>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/392223.html
標籤：javascript html
上一篇：具有延遲的交錯連續影片