Comment relier le text d'un ficher .js à un fichier .php?

Salut!

J'apprends à coder un site internet pour pour le cabinet de massage de ma mère (du coup je suis une bonne bonne débutante en la matière puisque j'apprends avec w3school ._.) et je ne comprends pas une chose.

j'ai fais un fichier .js qui contiens tous les textes des différents massages et aussi tous les document.getElementById pour les mettre sur les endroits voulu. chaque texte doit apparaitre deux fois -> je m'explique: sur une page, tous les textes apparaissent mais résumés (250 mots) sur la page d'accueil et ils apparaissent entiers sur chaque page dédiée au massage voulu. ~ c'est là que le problème arrive... ils s'affichent correctement sur la page d'accueil mais sur les pages de chaque massage ça ne s'affiche simplement pas ._.

voilà mon code pour le fichier .js (nommé "source.js"):

//les textes


  var antistress = "Ce massage ne fournit pas un traitement thérapeutique, mais les avantages psychologiques de la relaxation \
  profonde qu'ils procurent sont également bénéfiques pour le corps et l'esprit. <br><br> Destiné à détendre les muscles tendus \
  et soulager le stress, ce massage est l'antidote parfait à la semaine de travail stressante, et c’est une merveilleuse façon de se détendre. <br><br>\
  La plupart des gens n’ont pas conscience des effets positifs, qu’un bon massage peut avoir sur les douleurs légères et le stress. <br><br>\
  Ce massage de détente est entièrement personnalisable. Douce et apaisante, le massage antistress peut souvent endormir la personne. <br><br>\
  Après un massage, vous vous sentirez détendu, choyé et rechargé. C’est un bon choix pour quelqu'un qui reçoit un massage pour la première fois, ou \
  quelqu'un qui veut juste baisser son niveau de stress.";


  var classique = "Le massage classique est une thérapie de stimulation où le thérapeute manipule \
  un tissu corporel. Il est un moyen efficace pour traiter certains troubles de l'appareil locomoteur \
  (peau, les muscles, les tendons, les os, les articulations). <br><br>\
  Aussi connu comme le massage suédois, il est pratiqué par des masseurs, des kinésithérapeutes et des médecins \
  du monde entier, ce qui en fait l'un des types les plus connus de massage. <br><br>\
  Il peut soulager les tensions, aide en cas de problème digestif, soulage les maux de tête et améliore le sommeil. \
  Le traitement est efficace contre le stress constant que nous rencontrons dans notre quotidien. <br><br>\
  Un bon massage affecte le corps à tous les niveaux: Détente du système nerveux, oxygène les muscles \
  en soutenant le flux sanguin veineux et le système lymphatique. En outre, comme une sensation apaisante et relaxante, \
  le massage a un impact positif sur le psychisme d'une personne, le renforcement d’un sentiment général de bien-être.";


  var femmeEnceinte = "Le massage prénatal est un massage plus doux que le massage traditionnel, \
  de sorte à ne pas causer l'inconfort pour la mère ou l'enfant à naître. <br><br>La thérapie de massage \
  effectué pendant la grossesse est bénéfique, car elle est un outil utile qui aide à soulager les douleurs \
  et à fournir une sensation de calme et de détente pour les futurs mamans. <br><br>Il aide à stimuler les tissus mous, \
  à réduire la collecte des fluides dans les articulations enflées. <br><br>\
  L’œdème ou le gonflement des articulations pendant la grossesse, est souvent causé par une circulation réduite et une \
  pression accrue sur les principaux vaisseaux sanguins par l'utérus lourd. <br><br>Le massage peut soulager le stress sur les \
  articulations portantes, comme les genoux, le bas du dos, les hanches  qui sont touchés par le poids supplémentaire \
  d'un bébé en pleine croissance et aide à améliorer les résultats du travail et la santé du nouveau-né.<br><br>\
  <b>Avantages et bienfaits potentiels du massage prénatal:</b><br><br>\
  • Améliore la circulation sanguine <br>\
  • Réduction de l'anxiété<br>\
  • Meilleur sommeil et améliore l'humeur<br>\
  • Améliore l'amplitude des mouvements<br>\
  • Diminue les symptômes de la dépression<br>\
  • Soulage les douleurs musculaires<br>\
  • Aide à améliorer la digestion<br><br>\
  <b>Ce massage est pratiqué après trois mois de grossesse !</b>";


  var lomiLomi = "Le mot Lomi Lomi est l’appellation du «massage Hawaïen» il se réfère \
  à une technique spirituelle basée sur la philosophie Hawaïenne de «Huna» qui signifie \
  l'ensemble du système de croyance shamanique et de la sagesse Hawaïenne.<br><br>\
  Les techniques du massage Hawaïenne du Lomi Lomi commencent habituellement par \
  l'immobilité et le silence entre le thérapeute et le client.\
  Ce massage nous ouvre un univers de \"sensualité et de détente\".\
  Dans le respect et la tradition des Hawaïens, ce massage est prodigué sur un air de musique Hawaïen.<br><br>\
  Chaque massage Hawaïen est plutôt dicté par le flux d'énergie individuel de votre corps. Les techniques \
  utilisées dans ce massage sont les quatre éléments : Terre, eau, feu et air qui  sont effectuées en \
  mouvement fluide et rythmique en utilisant les paumes, les mains, ainsi que les avant-bras. Certaines \
  personnes ont décrit cette technique comme des vagues douces se déplaçant sur le corps. Une autre \
  caractéristique est que différentes parties du corps peuvent être massés en même temps, par exemple \
  le thérapeute travaillera sur votre épaule et le bas du dos ou la partie supérieure de la jambe par des \
  touchers affectueux et rempli d’amour pour son patient.<br><br>\
  Rendez votre corps et votre esprit à cette étonnante technique qui combine le bien-être et la \
  thérapie, soulageant l'inconfort des tensions, des raideurs et des douleurs aux couches profondes de vos muscles.<br><br>\
  Laissez-vous emporter dans une ambiance Hawaïenne.<br><br>\
  <b>~Aloha~</b>";


  var shiatsu = "En japonais, \"Shiatsu\" se traduit par « pression des doigts »\
  Le shiatsu est une technique alternative qui implique une pression manuelle à des \
  points spécifiques sur le corps, en libérant les blocages qui empêchent l'énergie d'atteindre \
  les zones touchées.<br><br>\
  Le shiatsu aussi connu comme acupression, aide à réduire les tensions musculaires et la fatigue \
  et pour améliorer la circulation sanguine dans le corps ainsi que d'améliorer la fonction du système lymphatique.<br><br>\
  Il est plus vieux que l'acupuncture et est venu avant les aiguilles qui ont été inventés.\
  Et aide à stimuler les défenses naturelles de l’organisme et de réduire ainsi les risques de maladie.<br><br>\
  Le shiatsu  n’est pas considéré comme efficace dans le traitement de la fièvre, des brûlures, et les maladies \
  infectieuses. <b>C’est une thérapie préventive à la maladie!</b> <br><br>\
  Si vous avez une maladie cardiaque, vérifiez auprès de votre médecin pour savoir si vous êtes disposé à recevoir un massage !";


  var sportif = "Le massage sportif est une thérapie efficace et bénéfique, non seulement \
  pour les sportifs actifs mais aussi pour ceux qui cherchent le soulagement de la tension \
  musculaire ou nécessitant un massage pour le maintien du muscle sain.<br><br>\
  Le massage peut aider à maintenir le corps en général en meilleur état, prévenir les blessures \
  et la perte de mobilité, guérir et restaurer la mobilité des tissus du muscle blessé, augmente \
  les performances et prolonger la durée de vie globale de votre carrière sportive.<br><br>\
  Toute personne prenant part à une activité physique régulière, que ce soit à un niveau \
  d’amateur, de professionnel ou tout simplement pour le plaisir, rencontrera sans aucun \
  doute des problèmes physiques à un certain stade.<br><br>\
  La thérapie du massage sportif chaque semaine ou deux, peut être excellent sur les \
  zones du corps qui sont souvent sollicités par des mouvements répétitifs et souvent agressifs.\
  Le massage peut, à cet effet améliorer le bien-être physique, physiologique et psychologique de l'athlète.";


  var remodelant = "Ce massage a pour objectif de réduire l’effet peau d’orange et la \
  cellulite afin de remodeler et affiner la silhouette. Il est souvent appelé \
  «palper-rouler » mais au-delà de son effet amincissant, il permet d’éliminer \
  les toxines stockées par notre corps.<br><br>\
  Les zones ciblés (hanches, fesses etc...) sont travaillées en profondeur pour \
  un grain de peau plus fin et une peau tonifiée.\
  Ce massage 100% manuel, stimule de façon continuelle le travail d’élimination \
  entre chaque séance (1-2 séances par semaine).<br><br>\
  Ce soin est particulièrement conseillé comme accompagnement à la perte de poids pour \
  tonifier et raffermir la peau. Considéré comme massage esthétique, il n’est pas \
  reconnu par les assurances complémentaires.";



//pour les extraits de l'index des massages proposés


  var extrAntistress = antistress.slice(0,250);


  var extrClassique = classique.slice(0,250);


  var extrFemmeEnceinte = femmeEnceinte.slice(0,250);


  var extrLomiLomi = lomiLomi.slice(0,250);


  var extrShiatsu = shiatsu.slice(0,250);


  var extrSportif = sportif.slice(0,250);


  var extrRemodelant = remodelant.slice(0,250);




  document.getElementById("extrait1").innerHTML= extrAntistress + "...";


  document.getElementById("extrait2").innerHTML= extrClassique + "...";


  document.getElementById("extrait3").innerHTML= extrFemmeEnceinte + "...";


  document.getElementById("extrait4").innerHTML= extrLomiLomi + "...";


  document.getElementById("extrait5").innerHTML= extrShiatsu + "...";


  document.getElementById("extrait6").innerHTML= extrSportif + "...";


  document.getElementById("extrait7").innerHTML= extrRemodelant + "...";







  //pour les textes en entier:


  document.getElementById("textAntistress").innerHTML= antistress;


  document.getElementById("textClassique").innerHTML= classique;


  document.getElementById("textFemmeEnceinte").innerHTML= femmeEnceinte;


  document.getElementById("textLomiLomi").innerHTML= lomiLomi;


  document.getElementById("textShiatsu").innerHTML= shiatsu;


  document.getElementById("textSportif").innerHTML= sportif;


  document.getElementById("textRemodelant").innerHTML= remodelant;

et voilà celui d'une page de massage(comme elle sont toutes similaires je vous en donne juste une ça devrait faire l'affaire):

<?php

  require_once("head.php");

?>


<head>
  <meta charset="utf-8" content="width=device-width, initial-scale=1.0">
  <title>AMDBE - Bon Antistress</title>
  <link rel="stylesheet" href="styles.css">
</head>

  <body>

    <div id="div03">
      <table style="text-align: left;">
        <tr>

          <td>
            <div>
              <img src="images\roses tumblr.jpg"
              style="width: 150%; "
              >
            </div>
          </td>


          <td style="width:50%">

              <h2 style="margin-left: 25%">Antistress</h2>

              <p id="textAntistress" title="présentation" style="font-family: sans-serif;   
              font-size: 125%; margin-left: 25%" > </p>

              <script src="source.js"> </script>

          </td>



        </tr>
      </table>
    </div>


  </body>

j'espère que vous pourrez répondre ^^ thx!