Evenement onClick

Résolu
Bonjour,

J'écris le code suivant:

<script language="javascript" type="text/javascript">
<!--

function boutonLister()
{
var elementInsertion = document.getElementById("idInsertion");
elementInsertion.innerHTML = 'Bonjour';
alert("On s'arrête.")
}

//-->
</script>

<form>
<input type="submit" value="Lister" onClick="boutonLister()" />
</form>

<br><br>

<div id="idInsertion">
</div>

Lorsque j'exécute, 'Bonjour' ne s'affiche que quand la boîte d'alerte est affichée, mais après il s'efface.

Du coup quand je mets l'instruction 'alert("On s'arrête.")' en commentaires, 'Bonjour ne s'affiche presque pas du tout.

Pouvez-vous me dire comment afficher Bonjour de manière permanente?
Existe-t-il un autre évènement que onClick qui pourrait correspondre?

Merci d'avance

3 réponses

  1. Si c'est juste pour un bouton, inutile d'utiliser la balise form
    Par contre, l'élément <input /> ne peut pas être directement dans <body>, mets-le par exemple dans un <p>.
    1. Merci beaucoup de ta réponse, ça marche maintenant!

      Bonne journée
      1. De rien.

        Mets le topic en resolu
    2. Salut,

      <input type="submit" value="Lister" onClick="boutonLister()" />

      Ce n'est pas le bon type.

      Mets plutot:

      <input type="button" value="Lister" onClick="boutonLister()" />