Replace List Item -- Javascript

Remplacement d'un élément de liste en utilisant javascript.

by Rynne Cowham

HTML

<ul id="liste">
    <li>Paris</li>
    <li>Marseille</li>
    <li>Lyon</li>
    <li>Strasbourg</li>
    <li>Bordeaux</li>
    <li>Toulouse</li>
</ul>
<input type="button" value="Me Remplacer" onclick="villeRemplacer();" />
<input id="ville" type="text" />
<br /><br />
<div id="error"></div>

CSS

#error {
    color:#f00;
    background-color:#ff6;
}

JavaScript

function villeRemplacer() {
    var liste = document.getElementById('liste');
    var entree = liste.getElementsByTagName('li');
    var remplacement = entree[0]
    var nouvelleVille = document.getElementById('ville').value;
    if (nouvelleVille == ""){
        var error = document.getElementById('error');
        error.innerHTML = "Le nom de la ville est nécessaire.";
    } else {
    remplacement.innerHTML = nouvelleVille;
    };
};