Sfida: Aggiunta e Rimozione di Elementi DOM
Compito
Realizzazione di un carrello della spesa in cui gli utenti possono aggiungere e rimuovere articoli.
- Aggiunta di un articolo al carrello:
- Creazione di un nuovo elemento
<li>; - Creazione di un nuovo elemento
<button>; - Inserimento del nuovo elemento
<button>nel nuovo elemento<li>; - Inserimento del nuovo elemento
<li>nell’elemento<ul>con IDcart-list.
- Creazione di un nuovo elemento
- Rimozione di un articolo dal carrello: Eliminazione dello specifico elemento
<li>dall’elemento<ul>.
index.html
index.css
index.js
- Utilizzo di
createElementper creare un nuovo elemento<li>; - Utilizzo di
createElementper creare un nuovo elemento<button>; - Utilizzo di
appendChildper inserire il nuovo elemento<button>nell’elemento<li>; - Utilizzo di
appendChildper inserire il nuovo elemento<li>nell’elemento<ul>con IDcart-list; - Utilizzo di
removeChildper eliminare lo specifico elemento<li>dall’elemento<ul>.
index.html
index.css
index.js
Tutto è chiaro?
Grazie per i tuoi commenti!
Sezione 2. Capitolo 11
Chieda ad AI
Chieda ad AI
Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione
Awesome!
Completion rate improved to 2.22
Sfida: Aggiunta e Rimozione di Elementi DOM
Scorri per mostrare il menu
Compito
Realizzazione di un carrello della spesa in cui gli utenti possono aggiungere e rimuovere articoli.
- Aggiunta di un articolo al carrello:
- Creazione di un nuovo elemento
<li>; - Creazione di un nuovo elemento
<button>; - Inserimento del nuovo elemento
<button>nel nuovo elemento<li>; - Inserimento del nuovo elemento
<li>nell’elemento<ul>con IDcart-list.
- Creazione di un nuovo elemento
- Rimozione di un articolo dal carrello: Eliminazione dello specifico elemento
<li>dall’elemento<ul>.
index.html
index.css
index.js
- Utilizzo di
createElementper creare un nuovo elemento<li>; - Utilizzo di
createElementper creare un nuovo elemento<button>; - Utilizzo di
appendChildper inserire il nuovo elemento<button>nell’elemento<li>; - Utilizzo di
appendChildper inserire il nuovo elemento<li>nell’elemento<ul>con IDcart-list; - Utilizzo di
removeChildper eliminare lo specifico elemento<li>dall’elemento<ul>.
index.html
index.css
index.js
Tutto è chiaro?
Grazie per i tuoi commenti!
Sezione 2. Capitolo 11