※ ChatGPTを利用し、要約された質問です(原文:JSについて教えてください)
JavaScriptで割り勘電卓を作る方法とは?
このQ&Aのポイント
JavaScriptを勉強している人にとって、割り勘電卓の作成は良い練習問題です。
ただし、コードが正しく実行されない場合、console.logでのデバッグが有効です。
提供されたコードの場合、console.logが表示されない原因は、onclic属性のスペルミスが原因です。
現在ドットインストールというサイトでJavaScriptを勉強しています
今割り勘電卓という物を作っています
完成はしていませんが以下のコードは打ち込まれた数字がきちんと取得されているかを確かめている段階です。
ですがconsole.logに表示されませんなぜでしょうか?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<head>
<body>
<h1>割り勘電卓</h1>
<p>支払額:<input type = "text" id = "amount"></p>
<p>人数:<input type = "text" id = "num"></p>
<p><input type = "button" value = "計算" onclic = "getResult();"></p>
<p id = result></p>
<script>
function getResult(){
var amount = document.getElementById('amount').value;
var num = document.getElementById('num').value;
console.log(amount);
console.log(num);
}
</script>
</body>
</html>