Would you like to react to this message? Create an account in a few clicks or log in to continue.

Download/Upload Code Projects

You are not connected. Please login or register

Calculator - HTML (test)

Go down  Message [Page 1 of 1]

1Calculator - HTML (test) Empty Calculator - HTML (test) Wed Oct 11, 2023 2:09 pm



<!DOCTYPE html> 

<title>HTML Calculator</title> 

<!-- For styling -->
table { 
border: 1px solid black; 
margin-left: auto; 
margin-right: auto; 

input[type="button"] { 
width: 100%; 
padding: 20px 40px; 
background-color: green; 
color: white; 
font-size: 24px; 
font-weight: bold; 
border: none; 
border-radius: 5px; 

input[type="text"] { 
padding: 20px 30px; 
font-size: 24px; 
font-weight: bold; 
border: none; 
border-radius: 5px; 
border: 2px solid black; 



<!-- Create table -->
<table id="calcu"> 
<td colspan="3"> 
<input type="text" id="result"> 
<td><input type="button" value="c"></td> 

<td><input type="button" value="1"></td> 
<td><input type="button" value="2"></td> 
<td><input type="button" value="3"></td> 
<td><input type="button" value="/"></td> 
<td><input type="button" value="4"></td> 
<td><input type="button" value="5"></td> 
<td><input type="button" value="6"></td> 
<td><input type="button" value="*"></td> 
<td><input type="button" value="7"></td> 
<td><input type="button" value="8"></td> 
<td><input type="button" value="9"></td> 
<td><input type="button" value="-"></td> 
<td><input type="button" value="0"></td> 
<td><input type="button" value="."></td> 
<td><input type="button" value="="></td> 
<td><input type="button" value="+"></td> 


Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum