[add] operator_function

src/App.vue

@@ -7,11 +7,11 @@ const elements = ref([
   "7",
   "8",
   "9",
-  "÷",
+  "/",
   "4",
   "5",
   "6",
-  "×",
+  "*",
   "1",
   "2",
   "3",
@@ -22,16 +22,41 @@ const elements = ref([
 ]);
 
 const parameter = ref({
-  fontSize: '20px',
-  padding: '20px',
-  margin: '15px',
+  fontSize: "20px",
+  padding: "20px",
+  margin: "15px",
 })
 
 const result_value = ref("");
+const operator = ref(null);
+const previous_result_value = ref("");
 
-function onClick(e: string) {
+function onClick(e: any) {
+  /*let operator = "";*/
+  /*let previous_result_value = "";*/
+
+  if (!isNaN(e)) {
     result_value.value += e;
   }
+
+  else if (["/", "*", "+", "-"].includes(e)) {
+    operator.value = e;
+    previous_result_value.value = result_value.value;
+    result_value.value = "";
+  } 
+  
+  else if (e === "=") {
+    result_value.value = eval(
+      previous_result_value.value + operator.value + result_value.value
+    );
+
+    previous_result_value.value = "";
+    operator.value = null;
+  }
+}
+
+
+
 </script>
 
 <template>