We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent d145329 commit c93caa2Copy full SHA for c93caa2
src/components/Calculator.vue
@@ -1,7 +1,7 @@
1
<template>
2
<div class="calculator">
3
- <div class="display">123456</div>
4
- <div class="btn">C</div>
+ <div class="display">{{result}}</div>
+ <div class="btn" @click="result=0">C</div>
5
<div class="btn">+/-</div>
6
<div class="btn">%</div>
7
<div class="btn operator">/</div>
@@ -25,7 +25,13 @@
25
26
<script>
27
export default {
28
- name: "Calculator"
+ name: "Calculator",
29
+ data() {
30
+ return {
31
+ result: 0
32
+ };
33
+ },
34
+ methods: {}
35
};
36
</script>
37
@@ -48,6 +54,7 @@ export default {
48
54
.btn {
49
55
border: 1px solid black;
50
56
background-color: #999;
57
+ cursor: pointer;
51
58
}
52
59
53
60
.operator {
0 commit comments