JavaScript consente di modificare dinamicamente il CSS nelle pagine, in modo da poter gestire viste dopo che l'utente carica la pagina nel browser Web. È possibile cambiare i colori, la posizione di elementi HTML, la visibilità e l'accessibilità di ogni elemento della pagina Web. Si crea una funzione e modificare la proprietà CSS in base all'input dell'utente, oppure è possibile cambiare automaticamente viste quando la pagina viene caricata.

istruzione

1 Fare clic destro sul file HTML che si desidera gestire e fare clic su "Apri con". Clicca l'editor HTML elencato per aprire il codice nell'editor.

2 Aggiungere una sezione JavaScript al file. Tutto il codice JavaScript deve essere contenuta all'interno dei tag "script". Aggiungere il seguente codice al file:

<Script type = "text / javascript"> </ script>

3 Aggiungere le funzioni per modificare la visualizzazione HTML. È possibile modificare uno o più aspetti della pagina. Ad esempio, se si desidera cambiare il colore di sfondo, utilizzare il seguente codice:

funzione changeBG () {
document.bgcolor = "# 000000";
}

Il codice di cui sopra cambia la visualizzazione di uno sfondo nero.

4 Aggiungere un pulsante o collegare l'utente fa clic per modificare la visualizzazione. Il codice seguente crea un pulsante che cambia il colore utilizzando la funzione JavaScript creata nel passaggio tre:

<Input type = valore "pulsante" = "Change Background" onclick = "changeBG ()">

5 Salvare le modifiche e aprire il file in un browser Web. Fare clic sul pulsante per cambiare lo sfondo e testare il codice.