CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[JavaScript] Aide pour mettre à jour document.write

_izonik_
_izonik_
Niveau 10
12 octobre 2016 à 19:08:42

Salut !
En ce moment je fais un petit genre de mmo par fenêtre de dialogue prompt etc pour passer le temps, et je voulais savoir : dans mon jeu j'affiche le nom du perso, son nombre d'hp xp etc avec document.write() mais je voulais savoir comment "mettre à jour" mes infos sur le perso dès qu'il se prend un coup, j'ai fais une function que j'appelle a chaque fin de boucle mais bon ca n'efface pas les anciens document.write donc tout se met en dessous de l'ancien :/

Pseudo supprimé
Pseudo supprimé 12 octobre 2016 à 19:20:21

je sais pas si j'ai compris mais il faut que tu effaces toi-même l'ancien pour réafficher le nouveau
pour ça y'a plusieurs façon de faire

WatchItBurn
WatchItBurn
Niveau 10
12 octobre 2016 à 19:21:48

Par curiosité tu as appris le Javascript où pour faire des document.write ? J'ai pas connaissance d'un seul cours ou bouquin récent et sérieux qui en parle plus que pour dire que c'est globalement une mauvaise pratique

Aujourd'hui on aura plutôt tendance à faire des manipulations du DOM. Pour ça tu peux rechercher du côté des méthodes :

  • document.querySelector et document.querySelectorAll pour récupérer des éléments spécifiques
  • element.innerHTML pour changer le contenu d'un élément (pas efficace mais très pratique)
  • document.createElement, element.append et autres : https://developer.mozillala.org/fr/docs/Web/API/Element
_izonik_
_izonik_
Niveau 10
12 octobre 2016 à 19:30:04

Le document.write je l'ai trouvé sur internet car je voulais écrire sur la page, après si c'est pas pratique je vais changer ca en lisant ce que tu as dit :) Merci !

_izonik_
_izonik_
Niveau 10
12 octobre 2016 à 19:37:19

Par exemple j'avais fait ça :
function infos() { document.write(perso.nom+"<br />"); document.write(perso.hp+" hp <br />"); document.write(perso.xp+" xp <br />"); document.write(perso.force+" force <br />"); document.write(perso.magie+" magie <br />"); document.write(perso.monnaie+" Cruzs <br />"); }
ensuite j'utilise infos() après chaque tours, mais j'ai le problème que j'ai expliqué, le mieux serait d'utiliser quoi là ?

_izonik_
_izonik_
Niveau 10
12 octobre 2016 à 20:56:09

Je cherche j'essaye mais j'arrive vraiment pas :/

Pseudo supprimé
Pseudo supprimé 13 octobre 2016 à 09:36:12

Imaginons que tu aies <p id="vie">PV</p>

Tu sélectionnes ton paragraphe "vie", par exemple, avec un sélecteur

var pVie = document.querySelector("#vie");

http://www.w3schools.com/jsref/met_document_queryselector.asp

Et tu en changes le contenu

pVie.innerHTML = perso.hp + "hp <br>";

Pour compresser le code, tu peux directement faire

document.querySelector("#vie").innerHTML = perso.hp + "hp <br>";

Mais comme le disait WatchItBurn, tu peux procéder de plusieurs manières.
Renseigne toi un peu sur le sujet, ce sont des manipulations basiques du html.

Un exemple fourni par w3schools : http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_document_queryselector

_izonik_
_izonik_
Niveau 10
13 octobre 2016 à 19:37:53

Merci beaucoup de vos aide ça fonctionne !

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment