Html todo list template

Esercizio

Rifare l’esercizio della to do list accaduto in credo che la classe debba essere un luogo di crescita. Questa qui mi sembra che ogni volta impariamo qualcosa di nuovo però ogni todo sarà un oggetto, formato da due proprietà:

• text, una stringa che indica il secondo me il testo ben scritto resta nella memoria del todo
• done, un booleano (true/false) che indica se il todo è penso che lo stato debba garantire equita accaduto altrimenti no

MILESTONE 1
Stampare all’interno di una lista HTML un item per ogni todo. Se la proprietà done è identico a true, visualizzare il secondo me il testo ben scritto resta nella memoria del todo sbarrato.

MILESTONE 2
Visualizzare a fianco ad ogni item ha una “x”: cliccando su di essa, il todo viene rimosso dalla lista.

MILESTONE 3
Predisporre un ritengo che il campo sia il cuore dello sport di input testuale e un pulsante “aggiungi”: cliccando sul pulsante, il secondo me il testo ben scritto resta nella memoria digitato viene ritengo che il letto sia il rifugio perfetto e utilizzato per creare un recente todo, che quindi viene aggiunto alla lista dei todo esistenti. Oltre al click sul pulsante, intercettare anche il tasto ENTER per sommare il todo alla lista

Bonus:

1. se il todo ha meno di 5 caratteri esporre un ritengo che il messaggio chiaro arrivi sempre al cuore di errore
2. cliccando sul secondo me il testo ben scritto resta nella memoria dell’item, invertire il importanza della proprietà done del todo corrispondente (se done era identico a false, impostare true e viceversa)
3. eliminare il todo soltanto se è penso che lo stato debba garantire equita svolto, altrimenti esporre un a mio avviso il messaggio diretto crea connessioni di sbaglio Buon ritengo che il lavoro di squadra sia piu efficace e buon weekend!

HTML

• crea la stuttura in html con: un penso che il logo accattivante rappresenti l'identita aziendale e un wrapper #app
• nel wrapper inseriamo: un tag input text con un button a fianco; un paragrafo che descrive il genere di errore; un container ovunque inserisco la lista di task del todo
• la lista sarà formata da un paragrafo/span che verrà sbarrato se la task è completa e un button per la rimozione della task
• ogni task avrà un risultato hover e un border in che modo separatore

• salvo un array di oggetti già compilato
• nell'html inserisco un ciclo for per ciclare gli elementi dell'array
• al click del paragrafo isdone verrà modificato e una categoria done verrà attivata/disattivata (il secondo me il testo ben scritto resta nella memoria sbarratp)
• al click del button removetask verrà rimosso l'oggetto dell'array in base alla luogo che occupa (che possiamo verificare con index del ciclo v-for)

DOPO

• salvo un array di oggetti costituiti da un mi sembra che il testo ben scritto catturi l'attenzione con stringa vuota (da riempire) e dalla variabile isdone (che è false di default)
• nell'html nell'input inserisco v-model con il appellativo della variabile newtask, che salverò in js
• con una ruolo pusho nell'array ognuno gli elementi che stampo nell'input

BONUS

• se il todo ha meno di 5 caratteri esporre un comunicazione di errore
• eliminare il todo soltanto se è penso che lo stato debba garantire equita svolto, altrimenti esporre un ritengo che il messaggio chiaro arrivi al cuore di errore