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 --- 03 - lists conditional/lists-cond-03-rendering-lists-of-data/index.html | 29 +++++++++++++++++++++++++++++ 1 files changed, 29 insertions(+), 0 deletions(-) diff --git a/03 - lists conditional/lists-cond-03-rendering-lists-of-data/index.html b/03 - lists conditional/lists-cond-03-rendering-lists-of-data/index.html new file mode 100644 index 0000000..17a7983 --- /dev/null +++ b/03 - lists conditional/lists-cond-03-rendering-lists-of-data/index.html @@ -0,0 +1,29 @@ +<!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@next" defer></script> + <script src="app.js" defer></script> + </head> + <body> + <header> + <h1>Vue Course Goals</h1> + </header> + <section id="user-goals"> + <h2>My course goals</h2> + <input type="text" v-model="enteredGoalValue" /> + <button @click="addGoal">Add Goal</button> + <p v-if="goals.length === 0">No goals have been added yet - please start adding some!</p> + <ul v-else> + <li v-for="goal in goals">{{ goal }}</li> + </ul> + </section> + </body> +</html> -- Gitblit v1.8.0