รับ Input จาก HTML แล้วไปคำนวณแสดงผลใน javascript อย่างไรครับ

พึ่งเริ่มเรียนเลยครับไม่เคยเขียนมาก่อนกำลังศึกษาแล้วลองทำโจทย์อยู่ครับ ตามหัวข้อเลยครับแบบรับค่ามาเลข1 2 3งี้แล้วนำเลขที่ใส่ไปคำนวณอะครับในจาวาสคริปอะครับ นี้คือที่ผมลองทำตามที่เข้าใจนะแต่มันไม่แสดงผลนะครับ555อย่าว่าผมเด้อ

<p id="demo"></p>
<!DOCTYPE html>
<html>
<head>
    <title>grade</title>
    <h1>GRADE<h1><br>
</head>
<body>

<form>
<h5>input your num1::  <br><h5>
1.<input type="text" name="num1" id="num1" size="10"> <br>

<h5>input your num2::  <br><h5>
1.<input type="text" name="num2" id= "num2" size="10"> <br>


<script>
var x=document.getElementById("num1").innerHTML;
var y=document.getElementById("num2").innerHTML ;
document.getElementById("demo").innerHTML = x+y;
</script>
</form>
</body>
</html>

แบบนี้เลยครับมันรับค่าได้แต่ไม่รุ้เอาไปคำนวณยังไงต้องสร้างbuttonมาเพื่อให้คำนวณหรือป่าวครับ
แสดงความคิดเห็น
โปรดศึกษาและยอมรับนโยบายข้อมูลส่วนบุคคลก่อนเริ่มใช้งาน อ่านเพิ่มเติมได้ที่นี่