Ecrire du texte en JS au lieu dans le HTML

gmatg -  
 gmatg -
Salut à tous,
J'ai une petite question à vous poser. Une de mes copains m’avaient montrer une fonctionnalité de Javascript, plutôt intéressante, mais je ne sais pas, trop comment la réaliser ...
Au lieu d'écrire des blocs de texte dans le HTML, on peut l'écrire en JS, en appelant le texte depuis la page HTML avec Un "ID", à mon avis.

    <div class="rubrique">
      <p><div class="fas fa-angle-right"></div>  blablablablablabla</p>
      <p><div class="fas fa-angle-right"></div>  blablablablablabla/p>
      <p><div class="fas fa-angle-right"></div>  blablablablablabla</p>
      <p><div class="fas fa-angle-right"></div>  blablablablablabla</p>
      <p><div class="fas fa-angle-right"></div>  blablablablablabla</p>
      <p><div class="fas fa-angle-right"></div>  blablablablablabla</p>
    </div>


Peut-on écrire tous les "blablablablablabla" en JS, petite question bête à mon avis ...

Merci à vous, cordialement

2 réponses

  1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
     
    Bonjour,

    Oui, on peut écrire du text dans du html à partir de Javascript.

    Par exemple
    document.getElementById('unid').innerHTML = " ceci est du texte qui sera mis dans l'élement dont l'id est : unid";
    

    0
  2. gmatg
     
    Ouai , je savais que l'on pouvait faire sa. Mais je crois qu'il y a un truc comme ça qui existe :

    bla.bla = ['mon texte', 'mon texte', 'mon texte'];

    Est ce vrai ?
    Merci beaucoup
    0
    1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 831
       
      comme on ne sait pas ce que représente ton bla.bla ... difficile de te répondre.
      Mais tu semble nous montrer la syntaxe de déclaration d'un array... rien à voir avec ta question...
      0
      1. gmatg > jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention  
         
        Je vais te montrer un exemple que m'a montrer un de mes copains, mais je n'arrive pas à comprendre ce qu'il se passe dans son code ... Si tu peux m'aider, je serai volontiers

        Merci beaucoup à toi

        Videos.dates = ["22 janvier 2020",
                        "22 janvier 2020",
                        "25 janvier 2020",
                        "5 février 2020",
                        "8 février 2020",
                        "17 février 2020",
                        "20 février 2020"];
        


              <h4> Vidéos </h4>
              <div id="videos-scroll">
                <table id="videos">
                  <tr>
                  </tr>
                </table>
              </div>
              <hr>
            </div>
        
        0
      2. gmatg > gmatg
         
        En fait, je viens de comprendre,
        Il y a :
        var essaiTable = {
          table: document.getElementById("essaiTable"),
        
          number: 7,
          dates: [],
        
        }
        

        Donc forcément sa marche un peu mieux, merci quand même de ton aide précieuse
        A bientôt
        0