HTMLの中にJSを書いています。
足し算はできたのですが引き算と掛け算と割り算ができません、、
同じような形式で複製してやりました。(idの部分やjsのvalueの部分そして+をーにして)
ですがうまくいきませんでした。イメージとしては足し算の下に引き算や掛け算、割り算をできるようにしたいです。どのようにしたらできるでしょうか?
HTML,JS
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <link rel="stylesheet" href="index.css"> 7 <title>+-*%</title> 8</head> 9<body> 10 11 <!--+--> 12 <input type="number" id="num1"> + 13 <input type="number" id="num2"> = 14 <span class="result">結果</span> 15 <br> 16 <button class="button" type="button" onclick="onClick();">足算します</button> 17<br> 18 19<script> 20 function onClick(){ 21 22 var value1 = document.getElementById("num1").value; 23 24 var value2 = document.getElementById("num2").value; 25 26 var result = parseInt(value1) + parseInt(value2) ; 27 28 document.querySelector('.result').innerHTML = result ; 29 } 30 31 32</script> 33</body> 34</html>
回答1件
あなたの回答
tips
プレビュー