Criaremos uma calculadora com comandos JavaScript
Nessa estrutra vamos encontrar comandos já usados em aulas anteriores, tabelas e form (input), que são tags do HTML. Agora dentro dessa tags vamos usar comandos JavaScript
Dica: Quando for copiar uma estrutura, repare nas aspas("?"), Abrir e fechar uma tag(<Abrir tag>, </fechar tag>).
Veja o código:
| <html> <head><title>Calculadora</title> <body bjcolor="silver"> <div align="center"> <form name="calc"> <table border="4" width="200" height="100" bgcolor="black"> <tr> <td align="center"> <input type="text" name="input" size="25"> </td> </tr> <tr> <td align="center"> <input type="button" name="one" value=" 1 " onclick="calc.input.value+='1'"> <input type="button" name="twu" value=" 2 " onclick="calc.input.value+='2'"> <input type="button" name="three" value=" 3 " onclick="calc.input.value+='3'"> <input type="button" name="plus" value=" + " onclick="calc.input.value+='+'"> <br> <input type="button" name="four" value=" 4 " onclick="calc.input.value+='4'"> <input type="button" name="five" value=" 5 " onclick="calc.input.value+='5'"> <input type="button" name="six" value=" 6 " onclick="calc.input.value+='6'"> <input type="button" name="minus" value=" - " onclick="calc.input.value+='*'"> <br> <input type="button" name="seven" value=" 7 " onclick="calc.input.value+='7'"> <input type="button" name="eight" value=" 8 " onclick="calc.input.value+='8'"> <input type="button" name="nine" value=" 9 " onclick="calc.input.value+='9'"> <input type="button" name="times" value=" x " onclick="calc.input.value+='*'"> <br> <input type="reset" name="clear" value=" C " onclick="calc.input.value+=''"> <input type="button" name="zero" value=" 0 " onclick="calc.input.value+='0'"> <input type="button" name="Dolt" value=" = " onclick="calc.input.value = eval(calc.input.value)"> <input type="button" name="div" value=" / " onclick="calc.input.value+='/'"> </td> </tr> </table> </form> </center> </html> |
Veja o resultado:
Calcule a vontade ;)
