html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>Calculator</title>
<style>
</head>
<body>
<div class ="wrap">
<form name ="cal">
<input type ="text" name= "display">
<br><br>
<input type = "button"value = "9" onclick = "cal.display.value += '9'">
<input type = "button" value = "8" onclick = "cal.display.value += '8'">
<input type = "button"value = "7" onclick = "cal.display.value += '7'">
<input type = "button"value = "+" onclick = "cal.display.value += '+'">
<br><br>
<input type = "button"value = "6" onclick = "cal.display.value += '6'">
<input type = "button"value = "5" onclick = "cal.display.value += '5'">
<input type = "button"value = "4" onclick = "cal.display.value += '4'">
<input type = "button"value = "-" onclick = "cal.display.value += '-'">
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
body {
background:ff0000;
}
*{
box-sizing:border-box ;
-wibkit-box-sizing:border-box ;
-moz-box-sizing:border-box ;
}
.wrap{
width:400px;
margin:auto;
height:auto;
background: black;
padding:10px;
}
.input{
[type = text]
width :100px;
padding :200px;
font-weight:bold;
margin-top:20px;
border-radius:5:5px;
}
input{
[type = button]
width:100;
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run