| | |
|---|
| | | rel="stylesheet" |
|---|
| | | /> |
|---|
| | | <link rel="stylesheet" href="styles.css" /> |
|---|
| | | <script src="https://unpkg.com/vue@next" defer></script> |
|---|
| | | <script src="https://unpkg.com/vue@3.4.9/dist/vue.global.js" defer></script> |
|---|
| | | <script src="app.js" defer></script> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | |
|---|
| | | <button v-on:click="add(10)">Add 10</button> |
|---|
| | | <button v-on:click="reduce(5)">Subtract 5</button> |
|---|
| | | <p>Result: {{ counter }}</p> |
|---|
| | | <input type="text" v-on:input="setName($event, 'Schwarzmüller')"> |
|---|
| | | <p>Your Name: {{ name }}</p> |
|---|
| | | <input type="text" v-model="name" /> |
|---|
| | | <input type="text" v-model="cognome" /> |
|---|
| | | <button v-on:click="resetInput">Reset Input</button> |
|---|
| | | <p>Your Name: {{ fullname }}</p> |
|---|
| | | </section> |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
