calculator

2024-02-21 09:14:42 +01:00
parent 5cc5a74cb9
commit 659777af3b
19 changed files with 12078 additions and 14 deletions
--- a/devA/1_hello_vue/index.html
+++ b/devA/1_hello_vue/index.html
@ -11,8 +11,14 @@

  <body>
    <div id="app">
-      {{ message }}
-      <button @click="changeMessage">Change the message!</button>
+      <p>
+        {{ message }}
+
+        <button @click="changeMessage">Change the message!</button>
+      </p>
+
+      <!-- Vypíše počet sudých čísel v numbers -->
+      {{ evenNumbersCount }}
    </div>

    <script>
@ -20,12 +26,20 @@
        el: "#app",
        data: {
          message: "Hello Vue!",
+          numbers: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10],
        },
+
        methods: {
          changeMessage() {
            this.message = "Hello World!";
          },
        },
+
+        computed: {
+          evenNumbersCount() {
+            return this.numbers.filter((i) => i % 2 === 0).length;
+          },
+        },
      });
    </script>
  </body>