ボタンをクリックすると、calc.js
ファイルからclear()
ファンクションが呼び出され、「disp」とマークされたテーブルのセルのinnerHTML
が80085
に設定されているドキュメントを作成しました。それは私が思ったようにうまくいかない。それはなぜ機能しないのですか?以下は私のコードです。JavaScriptのボタンがクリックできないのはなぜですか?
function clear() {
var disp = document.getElementById('disp');
disp.innerHTML = "80085";
}
//function number('s') {
//
//}
//the number function has yet to be implemented
table {
border-collapse: collapse;
}
#display {
background-color: lightgray;
}
button {
width: 100%;
background-color: white;
border: 1px solid #008CBA;
border-radius: 2px;
transition-duration: 0.1s;
}
button:hover {
background-color: #008CBA;
color: white;
}
button:active {
background-color: #007ea7;
border: 1px solid #007ea7;
}
<!DOCTYPE html>
<html>
<head>
<script src="calc.js" type="text/javascript"></script>
<link href="calc.css" rel="stylesheet" type="text/css" />
<meta charset="utf-8">
<title>Simple Calculator</title>
</head>
<body>
<table>
<tr>
<td colspan="3" id="disp">0</td>
<td><button onclick="clear();">CLR</button></td>
</tr>
<tr>
<td><button onclick="number("7");">7</button></td>
<td><button onclick="number("8");">8</button></td>
<td><button onclick="number("9");">9</button></td>
<td><button onclick="">/</button></td>
</tr>
<tr>
<td><button onclick="number("4");">4</button></td>
<td><button onclick="number("5");">5</button></td>
<td><button onclick="number("6");">6</button></td>
<td><button onclick="">*</button></td>
</tr>
<tr>
<td><button onclick="number("1");">1</button></td>
<td><button onclick="number("2");">2</button></td>
<td><button onclick="number("3");">3</button></td>
<td><button onclick="">-</button></td>
</tr>
<tr>
<td><button onclick="number("7");">0</button></td>
<td><button onclick="">.</button></td>
<td><button onclick="">=</button></td>
<td><button onclick="">+</button></td>
</tr>
</table>
</body>
</html>
すべてとHEPをいただければ幸いですいや!
エラーが発生した場合は、ウェブコンソールでチェックしてください。 – scaisEdge
[Javascriptで予約語がクリアされていますか?](http://stackoverflow.com/questions/7165570/is-clear-a- JavaScriptの予約語) – Frxstrem
他のユーザーが指しているようにclearは予約語なので、あなたの関数のために他のものに変更することもできます....注:onclickの関数をdouble引用符でも呼び出していますさらなる問題を引き起こすので、onclick = "number( '7')"のようなものを試してください。 – RohitS