Untitled
unknown
plain_text
2 months ago
1.7 kB
2
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ background-color: rgb(232, 247, 247); box-shadow: bisque; height: 280px; width : 300px; text-align: center; border-radius: 30px; margin: auto; margin-top: 100px; box-shadow: inset; } button{ background-color: rgb(83, 5, 185); color: aliceblue; } </style> </head> <body > <script> function sum(oper) { var a= document.getElementById('id1').value; var b= document.getElementById('id2').value; switch(oper) { case '+': document.getElementById('result').innerHTML=parseInt(a)+parseInt(b); break; case '-': document.getElementById('result').innerHTML=parseInt(a)-parseInt(b); break; case '*': document.getElementById('result').innerHTML=parseInt(a)*parseInt(b);break; case '/': document.getElementById('result').innerHTML=parseInt(a)/parseInt(b); } } </script> <div > <h1 style="color: lightgreen;">this is form</h1> <h3>first name - <input id="id1" type="text"> </h3> <h3>last name - <input id="id2" type="text"> </h3> <br> <button onclick="sum('+')">add</button> <button onclick="sum('-')">sub</button> <button onclick="sum('*')">mul</button> <button onclick="sum('/')">div</button> <h1 id="result"> result: </h1> </div> </body> </html>
Editor is loading...
Leave a Comment