Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Sfida: Aggiunta e Rimozione di Elementi DOM | Manipolazione del DOM per lo Sviluppo Web Interattivo
Padronanza Avanzata di JavaScript

bookSfida: Aggiunta e Rimozione di Elementi DOM

Compito

Realizzazione di un carrello della spesa in cui gli utenti possono aggiungere e rimuovere articoli.

  1. 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 ID cart-list.
  2. Rimozione di un articolo dal carrello: Eliminazione dello specifico elemento <li> dall’elemento <ul>.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • Utilizzo di createElement per creare un nuovo elemento <li>;
  • Utilizzo di createElement per creare un nuovo elemento <button>;
  • Utilizzo di appendChild per inserire il nuovo elemento <button> nell’elemento <li>;
  • Utilizzo di appendChild per inserire il nuovo elemento <li> nell’elemento <ul> con ID cart-list;
  • Utilizzo di removeChild per eliminare lo specifico elemento <li> dall’elemento <ul>.
index.html

index.html

index.css

index.css

index.js

index.js

copy

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 11

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Awesome!

Completion rate improved to 2.22

bookSfida: 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.

  1. 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 ID cart-list.
  2. Rimozione di un articolo dal carrello: Eliminazione dello specifico elemento <li> dall’elemento <ul>.
index.html

index.html

index.css

index.css

index.js

index.js

copy
  • Utilizzo di createElement per creare un nuovo elemento <li>;
  • Utilizzo di createElement per creare un nuovo elemento <button>;
  • Utilizzo di appendChild per inserire il nuovo elemento <button> nell’elemento <li>;
  • Utilizzo di appendChild per inserire il nuovo elemento <li> nell’elemento <ul> con ID cart-list;
  • Utilizzo di removeChild per eliminare lo specifico elemento <li> dall’elemento <ul>.
index.html

index.html

index.css

index.css

index.js

index.js

copy

Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 11
some-alt