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
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<div id="calculator">
<br>
<br>
<br>
<div id="results">
Results<hr>
<br>
<br>
</div>
<br>
<br />
<br>
<br><br><br><br>
<i>---------</i>
<button onclick="mul()">Multiply</button>
<button onclick="add()">Add</button>
<button onclick="subtract()">Subtract</button>
<button onclick="divide()">Divide</button><br><br><br>
</div>
</body>
</html>
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
#results {
background-color:#F9D8B7;
text-align: center;
}
div {
border-radius:20px;
}
#calculator {
background-color: rgb(209, 233, 238);
}
button {
height: 30px;
border: solid 3px green;
border-radius:30px;
background-color:rgb(151, 148, 158);
}
i {
color: rgb(209, 233, 238);
/*Display:none will not make it at center*/
}
Enter to Rename, Shift+Enter to Preview
js
js
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
var type;
alert("245 views! \n\n Thank you!")
function write(element,text,id) {
//creating a new paragraph
var p = document.createElement(element)
var node = document.createTextNode(text)
//adding the text to the paragraph
p.appendChild(node);
var div = document.getElementById(id);
//adding the paragraph to the div
div.appendChild(p);
}
function mul() {
type = "Multiply:"
var num1 = prompt("Your first number")
var num2 = prompt("Your second number")
if (num1 && num2 == null || num1 && num2 == undefined||num1 && num2 == ""){
num1 = 0;
num2 = 0;
}
if (num1 == null||num1 == undefined||num1 == ""){
num1 = 0;
}
if(num2 == null||num2 == undefined || num2 == "") {
num2 = 0;
}
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run