Changer le texte en Javascript

Je ne demande à personne de coder pour moi. S'il vous plaît, dites-moi simplement ce qui me manque ou ce que j'ai mal fait avec mes codes.Changer le texte en Javascript

Mon programme javascript devrait fonctionner comme ceci:

En appuyant sur un bouton, une table de simple multiplication doit apparaître et remplacer les mots « Le tableau doit être ici ».
En appuyant sur un autre bouton, un autre bouton de multiplication simple devrait apparaître et écraser la table de multiplication précédente.

Je suis capable de faire sortir les tables de multiplication mais le problème est qu'il n'écrase pas la table précédente. Cela crée simplement une autre table en bas de la précédente. S'il vous plaît aidez. Ce n'est pas un travail à la maison .. Je suis très nouveau et essaye juste d'apprendre toutes les possibilités de créer un programme quelque peu complexe en utilisant des codes simples.

<script type="text/javascript"> 
    function x() 
    { 
     var a=1; 
     for(a=0;a<=10;a++) 
     { 
      var total = 2 * a; 
      var newHeading = document.createElement("p"); 
      var h1Text = document.createTextNode("2 x " + a + " = " + total); 
      newHeading.appendChild(h1Text); 
      document.getElementById("dname1").appendChild(newHeading); 
     } 
    } 

    function y(total) 
    { 
     var a=0; 
     for(a=0;a<=10;a++) 
     { 
      var total = 3 * a; 
      var newHeading = document.createElement("p"); 
      var h1Text = document.createTextNode("3 x " + a + " = " + total); 
      newHeading.appendChild(h1Text); 
      document.getElementById("dname2").appendChild(newHeading); 
     } 
    } 
    </script> 
    </head> 
    <body> 

    <h1>Date and Hours</h1> 
    <p>Click a button</p> 
    <p id="dname1">Table of 2 should be here</p> 
    <p id="dname2">Table of 3 should be here</br></p> 

    <button type="button" onclick="x()">Table of Two</button> 
    <button type="button" onclick="y()">Table of Three</button>

Source

2011-09-29 Ibanez1942

Vous devez effacer les deux tables avant d'ajouter quoi que ce soit: http://jsfiddle.net/2NtXH/2/.

// setting the innerHTML to an empty string basically removes its contents 
document.getElementById("dname1").innerHTML = ""; 
document.getElementById("dname2").innerHTML = "";

Source

2011-09-29 15:58:03 pimvdb

-1

si vous voulez utiliser jQuery, il suffit de faire ce

$("#dname1").html(""); 
$("#dname2").html("");

Source

2011-09-29 16:04:19 jamesfzhang

Je ne sais pas encore jQuery. J'essaie d'apprendre les bases des Javascripts en premier. – Ibanez1942

S'il est nouveau sur javascript, il devrait le faire en javascript et non en framework. Il vaut mieux passer à un cadre une fois que vous comprenez ce qui se passe aux niveaux inférieurs. – Ryan

Changer le texte en Javascript

Répondre

Questions connexes