OneCompiler

Mulaiweb.com create a simple calculator using html and css

278


Mulaiweb.com create a simple calculator using html

<!DOCTYPE html> <html> <head> <title>Kalkulator Sederhana</title> </head> <body> <h1>Kalkulator Sederhana</h1> <form> <input type="text" id="input" readonly /> <br /> <br /> <input type="button" value="1" onclick="document.getElementById('input').value+='1'"/> <input type="button" value="2" onclick="document.getElementById('input').value+='2'"/> <input type="button" value="3" onclick="document.getElementById('input').value+='3'"/> <input type="button" value="+" onclick="document.getElementById('input').value+='+'"/> <br /> <input type="button" value="4" onclick="document.getElementById('input').value+='4'"/> <input type="button" value="5" onclick="document.getElementById('input').value+='5'"/> <input type="button" value="6" onclick="document.getElementById('input').value+='6'"/> <input type="button" value="-" onclick="document.getElementById('input').value+='-'"/> <br /> <input type="button" value="7" onclick="document.getElementById('input').value+='7'"/> <input type="button" value="8" onclick="document.getElementById('input').value+='8'"/> <input type="button" value="9" onclick="document.getElementById('input').value+='9'"/> <input type="button" value="*" onclick="document.getElementById('input').value+='*'"/> <br /> <input type="button" value="C" onclick="document.getElementById('input').value=''"/> <input type="button" value="0" onclick="document.getElementById('input').value+='0'"/> <input type="button" value="=" onclick="document.getElementById('input').value=eval(document.getElementById('input').value)"/> <input type="button" value="/" onclick="document.getElementById('input').value+='/'"/> <br /> </form> </body> </html>