Aide HTML facile lycéen

**bazile8cr** · 15/12/2023, 19h30

Bonjour à tous et à toutes, je suis lycéen je débute en NSI et je bloque sur quelque chose en HTML. Tout d'abord, voici le début de mon code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html>
 
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />
  <title>Convertisseur de Dollars en Euros</title>
</head>
 
<body>
  <p>Combien de Dollar(s) voulez-vous convertir ?</p>
  <input type="text" size="5" id="dollars" />
  <input type="button" onclick="Calcul()" value="Convertir" />
  <p>       dollar(s) fait/font <input type="text" id="resultat" size="5" disabled/> euros.</p>
</body>
 
</html>

J'aimerais à la ligne 14 ( en comptant les espaces ), afficher ( au début de mon <p> la valeur saisie par l'utilisateur à la ligne 12. Comment puis-je faire ?
Merci de vos réponses

**unanonyme** · 15/12/2023, 20h21

Bonjour,

il faut que vous insériez une balise vide qui servira d'espace réservé à l'affichage de la nouvelle valeur.
Cette balise sera identifiée par un attribut spécifique afin qu'elle soit distinguable des autres balises.

Pour faire simple, on va lui mettre un attribut id.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<p> <span id="saisie"></span> dollar(s) fait/font <input type="text" id="resultat" size="5" disabled/> euros.</p>

Pour ne pas affecter l'affichage on utilise une balise span, on eu put mettre un genre de balise (a div ul code pre etc, vous testerez).

Le reste s'exécute dans la fonction Calcul et là j'ai dans l'idée que c'est à vous de jouer, je me contenterais de vous donner des liens

https://developer.mozilla.org/fr/doc...sing_selectors

https://developer.mozilla.org/fr/doc.../querySelector

https://developer.mozilla.org/fr/doc...getElementById

Bonne journée.

**umfred** · 20/12/2023, 16h04

on peut aussi regarder du côté de w3schools https://www.w3schools.com/js/js_htmldom_html.asp (par exemple)

Aide HTML facile lycéen

Autres langages

Discussions similaires

Partager

Partager