diff --git a/calculator.js b/calculator.js
new file mode 100644
index 0000000..1cd1a15
--- /dev/null
+++ b/calculator.js
@@ -0,0 +1,20 @@
+var display = document.formNilai.formTeks;
+function btn(num)
+{
+ display.value += num;
+}
+
+function hitung()
+{
+ display.value = eval(display.value);
+}
+
+function bcksp()
+{
+ display.value = display.value.substr(0,display.value.length-1);
+}
+
+function clr()
+{
+ display.value ="";
+}
diff --git a/index.html b/index.html
index b7becba..3a43bfa 100644
--- a/index.html
+++ b/index.html
@@ -2,10 +2,47 @@
Exercise 2
+
-
- Kalkulator
-
+
+
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..6ea1d96
--- /dev/null
+++ b/style.css
@@ -0,0 +1,49 @@
+* {
+ margin: 0;
+ padding: 0;
+ }
+.priority
+{
+ background-color:yellowgreen;
+ position: absolute;
+ padding: 10px;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%,-50%);
+ border-radius: 5px;
+ box-shadow: 5px 4px 5px #A5A5A5FF;
+}
+h2
+{
+ text-align: center;
+ font-family: sans-serif;
+}
+table
+{
+ width: 100%;
+}
+form input
+{
+ font-size: 22px;
+ margin: 5px;
+ padding: 5px;
+ height: 66px;
+ text-align: right;
+}
+table td input
+{
+ width : 100%;
+ background-color :burlywood;
+ padding : 5px;
+ font-size : 22px;
+ cursor : pointer;
+ border : 2px solid #000;
+}
+table td input:hover
+{
+ border : 2px solid #DAA67BFF;
+}
+body
+{
+ background-color: blueviolet;
+}