我沒有收到錯誤或按鈕只是沒有執行指定的功能。這是我的代碼：Html：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="projectscss.css">
<script src="projectsjs.js"></script>
</head>
<body>
<h1 class="title">BMI Calculator</h1>
<button type="button" class="height" onclick="cmtosomethings">Centimetre to
Metre/Feet/Kilometres</button> <br>
<p>Write 'M' for metres, "KM" for kilometres, "F" for feet, "I" for inches</p>
</body>
</html>
“projectsjs.js”檔案代碼：
function cmtosomethings() {
var op = prompt("Metres, Feet, inches or kilometres?")
if (op == "M") {
var cmtom = prompt("Write number in centimetre for converting to metres: ")
var number = parseFloat(cmtom)
var result = number / 30.48
var alert = alert(result)
}
}
這是“projectscss.css”檔案代碼：
html, body {
margin: 0;
padding: 0;
background-color: chocolate
}
.title {
font-family: "Papyrus", fantasy
}
uj5u.com熱心網友回復：
你應該使用onclick="cmtosomethings()". 該運算式將被評估為 javascript。
另請參閱：https : //developer.mozilla.org/en-US/docs/Learn/JavaScript/Building_blocks/Events#inline_event_handlers_—_dont_use_these
...屬性值實際上是您要在事件發生時運行的 JavaScript 代碼...
uj5u.com熱心網友回復：
使用行內事件處理程式通常不是一個好主意。在腳本中分配處理程式。
document.querySelector(`button.height`).addEventListener(`click`, cmtosomethings);
function cmtosomethings() {
var op = prompt("[M]etres, [F]eet, [I]nches or Kilometres (KM)?");
if (op == "M") {
var cmtom = prompt("Write number in centimetre for converting to metres: ");
console.log(parseFloat(cmtom) / 30.48);
}
}html,
body {
margin: 0;
padding: 0;
background-color: chocolate;
}
.title {
font-family: "Papyrus", fantasy;
}<h1 class="title">BMI Calculator</h1>
<button type="button" class="height">
Centimetre to Metre/Feet/Kilometres
</button>
<p>Write 'M' for metres, "KM" for kilometres, "F" for feet, "I" for inches</p>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/355154.html
標籤：javascript html