Besoin de conseil pour mon application

ThomasCanal -  
 tanka -
Bonjour à tous,

J'entame mon projet de fin de deuxième année de BTS et j'aurais besoin d'aide car je débute dans le web.

Mon rôle dans le groupe est d’intégrer des applications à un site.

Dans mes appli il y aura un menu principal qui proposera d'entamer une "partie", voir les scores, ou quitter.

J'avais commencé par créer une page pour chaque possibilité (menu, entamer, ..) et faire des lien entre chacune d'entre elle mais j'ai cru comprendre qu'avec javascript je pouvais me passer de lien et que je pouvais tout faire dynamiquement sur une seule page.

Mais je ne comprends pas comment changer toute une page dynamiquement, du genre passer du menu au "jeu".

Si c'est bien possible, pourriez vous m'expliquer comment faire ou m'indiquer un bon tutoriel ?

Configuration: Windows / Chrome 72.0.3626.121

1 réponse

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

    En quoi est codé le jeu ?

    Si javascript... et bien.. il suffit d'utiliser du onclick pour attacher les fonctions au "bouton" de ton choix

    Si en langage serveur (tel que du php) il faudra utiliser de l'ajax

    0
    1. ThomasCanal
       
      C'est bien en javascript, mais comment faire pour passer d'une "page" à une autre en utilisant réellement qu'une seule page ? Je sais pas si c'est compréhensible.
      J'ai bien compris que l'événement etait un onclick mais que doit faire la fonction associée ? Supprimer tout le code html actuel et créer celui de la "nouvelle" page ?
      0
      1. jordane45 Messages postés 30427 Date d'inscription   Statut Modérateur Dernière intervention   4 832 > ThomasCanal
         
        Supprimer tout le code html actuel et créer celui de la "nouvelle" page ?

        Oui
        0
    2. tanka
       
      Salut,
      JavaScript permet de modifier le HTML et CSS à volonté, ainsi que le contenus.
      Assurez vous avant tout d'être au point en HTML et CSS tout d'abord.
      Ensuite JavaScript intervient pour l'interactivité par exemple:
      https://www.w3schools.com/jsref/prop_html_innerhtml.asp

      Ici pour l'exemple le clic est géré par l'attribut onclick mais c'est nettement mieux en utilisant addEventListener car cela sépare les 2 et rend chacun indépendant (et plus clair à voir et modifier).
      0
    3. tanka
       
      pour créer puis ajouter du contenu:
      https://developer.mozilla.org/fr/docs/Web/API/Node/appendChild
      et pour enlever on peut utiliser elementParent.removeChild(elementA_Enlever)
      ou elementParent et elementA_Enlever sont les éléments(objets JavaScript) qui doivent être sélectionnes voir par ex: document.getElementById('id_element')
      0