document.createElement()

by Juri Rudi

HTML

<p><b>Elenco puntato:</b></p>
<ol id="lista"></ol>
<button id="bottone1A">Aggiungi (inizio)</button>
<button id="bottone1B">Aggiungi (fine)</button>
<button id="bottone1C">Aggiungi (secondo)</button><br>
<button id="bottone2A">Elimina (inizio)</button>
<button id="bottone2B">Elimina (fine)</button>
<button id="bottone2C">Elimina (secondo)</button><br>
<button id="bottone3A">Cambia (inizio)</button>
<button id="bottone3B">Cambia (fine)</button>
<button id="bottone3C">Cambia (secondo)</button>

<p><b>Paragrafi:</b></p>
<div id="div"></div>
<button id="bottone1bisA">Aggiungi (inizio)</button>
<button id="bottone1bisB">Aggiungi (fine)</button>
<button id="bottone1bisC">Aggiungi (secondo)</button><br>
<button id="bottone2bisA">Elimina (inizio)</button>
<button id="bottone2bisB">Elimina (fine)</button>
<button id="bottone2bisC">Elimina (secondo)</button><br>
<button id="bottone3bisA">Cambia (inizio)</button>
<button id="bottone3bisB">Cambia (fine)</button>
<button id="bottone3bisC">Cambia (secondo)</button>

CSS

button {
  width:150px;
}

JavaScript

var bottone1A = document.getElementById('bottone1A').addEventListener("click", AggiungiVoceInizio);
var bottone1B = document.getElementById('bottone1B').addEventListener("click", AggiungiVoceFine);
var bottone1C = document.getElementById('bottone1C').addEventListener("click", AggiungiVoceSecondo);
var bottone2A = document.getElementById('bottone2A').addEventListener("click", EliminaVoceInizio);
var bottone2B = document.getElementById('bottone2B').addEventListener("click", EliminaVoceFine);
var bottone2C = document.getElementById('bottone2C').addEventListener("click", EliminaVoceSecondo);
var bottone3A = document.getElementById('bottone3A').addEventListener("click", CambiaVoceInizio);
var bottone3B = document.getElementById('bottone3B').addEventListener("click", CambiaVoceFine);
var bottone3C = document.getElementById('bottone3C').addEventListener("click", CambiaVoceSecondo);

var bottone1bisA = document.getElementById('bottone1bisA').addEventListener("click", AggiungiParagrafoInizio);
var bottone1bisB = document.getElementById('bottone1bisB').addEventListener("click", AggiungiParagrafoFine);
var bottone1bisC = document.getElementById('bottone1bisC').addEventListener("click", AggiungiParagrafoSecondo);
var bottone2bisA = document.getElementById('bottone2bisA').addEventListener("click", EliminaParagrafoInizio);
var bottone2bisB = document.getElementById('bottone2bisB').addEventListener("click", EliminaParagrafoFine);
var bottone2bisC = document.getElementById('bottone2bisC').addEventListener("click", EliminaParagrafoSecondo);
var bottone3bisA = document.getElementById('bottone3bisA').addEventListener("click", CambiaParagrafoInizio);
var bottone3bisB = document.getElementById('bottone3bisB').addEventListener("click", CambiaParagrafoFine);
var bottone3bisC = document.getElementById('bottone3bisC').addEventListener("click", CambiaParagrafoSecondo);

function AggiungiVoceInizio() {
  var Lista = document.getElementById('lista');
  var NuovoElemento =...