[DEBUTANT] Mettre une phrase avant l'attribut ID

Résolu/Fermé

Pacificatrice Messages postés 49 Date d'inscription samedi 22 octobre 2011 Statut Membre Dernière intervention 11 décembre 2022 - 19 juin 2021 à 19:58
Pacificatrice Messages postés 49 Date d'inscription samedi 22 octobre 2011 Statut Membre Dernière intervention 11 décembre 2022 - 19 juin 2021 à 21:16

Bonjour,

Je suis débutant en JS, je n'arrive pas à faire une chose qui me semble toute bête.
Je développe un outil en HTML/JS, pour comptabiliser les visiteurs dans un guichet, par exemple.
Il est fait de façon suivante, lorsqu'on clique sur un bouton, le nombre de visiteurs augmente de 1. Ca c'est codé. Sans doute avec les pieds, mais c'est fonctionnel (je suis ouvert à toute proposition de simplification ou de best practice !)

Le soucis étant, que lorsque je fais un en HTML, il me le donne, et il s'incrémente bien quand je clique sur le bouton. Mais je n'arrive pas à lui donner une phrase avant du style "nombre de visiteurs : XX".
Lorsque j'essaie de le faire, il me met bien la phrase, mais il me met le compteur en dessous à la ligne.

Par exemple : Nombre de visites : 

Je sais pas si je suis très clair, je peux donner plus de précision, ou le code source si on peut ici,

Merci à vous pour votre lecture,

Configuration: Macintosh / Opera 76.0.4017.177

A voir également:

[DEBUTANT] Mettre une phrase avant l'attribut ID
Vérifier si une phrase est correcte - Accueil - Google
Dans la présentation à télécharger, sarah avait encadré directement le titre de certaines diapositives avant d’automatiser cette mise en forme pour tout le document. sur quelles diapositives avait-elle encadré directement le titre ? ✓ - Forum Bureautique
Retrouver mon compte copains d'avant - Forum Réseaux sociaux
Perte de mes anciens accès pour Copain D'Avant - Forum Réseaux sociaux
Id chinois one piece fighting path - Forum Jeux vidéos smartphones

4 réponses

Réponse 1 / 4

NHenry Messages postés 15163 Date d'inscription vendredi 14 mars 2003 Statut Modérateur Dernière intervention 1 novembre 2024 345
19 juin 2021 à 20:20

Peux-tu mettre ton code pour le compteur, histoire de voir comment tu fais déjà ?

Pacificatrice Messages postés 49 Date d'inscription samedi 22 octobre 2011 Statut Membre Dernière intervention 11 décembre 2022 1
19 juin 2021 à 21:16

Hei,

Du coup avec la réponse du dessous ça semble fonctionner ! Merci quand même :)

Réponse 2 / 4

Pacificatrice Messages postés 49 Date d'inscription samedi 22 octobre 2011 Statut Membre Dernière intervention 11 décembre 2022 1
19 juin 2021 à 20:23

Bien sur, l'ami !

    
<!DOCTYPE html>
<html>
<head>
<script>
     // Déclaration des variable pour que les boutons soient incrémentés de façon indépendente.
     var clickpargt = 0;
     var clicksparpb = 0;
     var clicksparmessagerie = 0;
     var clicksparmateriel =  0;


    //Déclaration de la fonction qui va incrémenter le compteur de visites par GT

    function pargt(){

        clickpargt += 1;
		document.getElementById("Nbvisites").innerHTML=clickpargt;


    }
	    //Déclaration de la fonction qui va incrémenter le compteur de visites des incidents de Téléphonie.

	function pbtelephonie(){

         clicksparpb += 1;
		document.getElementById("Téléphonie").innerHTML=clicksparpb;


    } 

   //Déclaration de la fonction qui va incrémenter le compteur de visites des incidents de Messagerie.

   function pbmessagerie(){

         clicksparmessagerie += 1;
		document.getElementById("Messagerie").innerHTML=clicksparmessagerie;


    } 

    function pbmateriel(){

        clicksparmateriel += 1
        document.getElementById("Matériel").innerHTML=clicksparmateriel
       }
	

	
	
</script>
</head>
<body>

<p>Entité du collaborateur</p>

<!-- Nom des boutons des GT -->

<button onclick="pargt()">DSI</button>
<button onclick="pargt()">GT TOZ</button>
<button onclick="pargt()">GT DOUBLETOZ</button>
<button onclick="pargt()">GT TRIPLETOZ</button>

Nombre de visites : <p id="Nbvisites"> </p>


<p> Motif de la visite</p>

<!-- Nom des boutons des types d'incident -->

<button onclick="pbtelephonie()">TELEPHONIE</button>
<button onclick="pbmessagerie()">MESSAGERIE</button>
<button onclick="pbmateriel()">MATERIEL</button>
<p id="Matériel"></p>
<button onclick="()">E/S</button>
<button onclick="()">Réseau</button>
<button onclick="()">Autres</button>


<p id="Téléphonie"></p>
<p id="Messagerie"></p>


</body>
</html>

Réponse 3 / 4

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
19 juin 2021 à 20:33

Bonjour,

Lorsque j'essaie de le faire, il me met bien la phrase, mais il me met le compteur en dessous à la ligne.

Aucun rapport avec le JS .. mais juste le fonctionnement du HTML et éventuellement du CSS.
Déjà, remplace ta balise par un 
Là..ça devrait se mettre sur la même ligne.

Réponse 4 / 4

Pacificatrice Messages postés 49 Date d'inscription samedi 22 octobre 2011 Statut Membre Dernière intervention 11 décembre 2022 1
19 juin 2021 à 20:38

Hello,

En effet, avec Ca se met sur la même ligne !

Discussions similaires

Trouve une phrase à partir de lettre données

chaima csc

Comment définir ma nouvelle PS4 comme PS4 principale ?

Comment savoir qui a visité notre profil copain d'avant et facebook ?

Copains d'avant, qui a visité notre profil