From 8c672a568ad096f28d4c3a2ba95b01ecc30cc3ce Mon Sep 17 00:00:00 2001
From: Cristiano Magro <cristiano.magro@vola.it>
Date: Thu, 26 Dec 2024 23:51:23 +0100
Subject: [PATCH] draw bar healt after attack
---
02 - basic/basics-assignment-2-problem/index.html | 37 +++++++++++++++++++++++++++++++++++++
1 files changed, 37 insertions(+), 0 deletions(-)
diff --git a/02 - basic/basics-assignment-2-problem/index.html b/02 - basic/basics-assignment-2-problem/index.html
new file mode 100644
index 0000000..28176bd
--- /dev/null
+++ b/02 - basic/basics-assignment-2-problem/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Vue Basics</title>
+ <link
+ href="https://fonts.googleapis.com/css2?family=Jost:wght@400;700&display=swap"
+ rel="stylesheet"
+ />
+ <link rel="stylesheet" href="styles.css" />
+ <script src="https://unpkg.com/vue@3.4.9/dist/vue.global.js" defer></script>
+ <script src="app.js" defer></script>
+ </head>
+ <body>
+ <header>
+ <h1>Events</h1>
+ </header>
+ <section id="assignment">
+ <h2>Event Practice</h2>
+ <!-- 1) Show an alert (any text of your choice) when the button is pressed -->
+ <button v-on:click="myAlert">Show Alert</button>
+ <hr />
+ <!-- 2) Register the user input on "keydown" and output it in the paragraph (hint: event.target.value helps) -->
+ <input type="text" v-on:keydown="myKeydown" />
+ <p>{{ kdInput }}</p>
+ <hr />
+ <!-- 3) Repeat 2) but only output the entered value if the ENTER key was pressed -->
+ <input
+ type="text"
+ v-on:keydown="myKeydown"
+ v-on:keyup.enter="myKeyEnter"
+ />
+ <p>{{ keInput }}</p>
+ </section>
+ </body>
+</html>
--
Gitblit v1.8.0