11486 sujets

JavaScript, DOM et API Web HTML5

Besoin d 'une explication de document.getElementById

Bonjour a tous
ce n'est pas une demande d aide
mais juste besoin d'une petite explication

je viens de trouver ce code sur le net 

<!DOCTYPE html>
<html>
<body>

<p>Click the button to display the value of the value attribute of the hidden input field.</p>

<input type="hidden" id="myInput" value="W3Schools">

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
  var x = document.getElementById("myInput").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

</body>
</html>


donc si je comprends bien ce morceau de code pourrait être sur test.js ou encore phil.js

<script>
function myFunction() {
  var x = document.getElementById("myInput").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

Modifié par flexi2202 (18 Jan 2022 - 09:21)
Modérateur
Bonjour,

Le morceau de code que tu mets à la fin de ton post est une définition de fonction. Il peut en effet être placé n'importe où dans la page, ou bien placé dans n'importe quel fichier de script qui serait chargé dans la page.

Amicalement,
bonjour
Merci pour la réponse

Donc pour que cela soit claire je peux avoir ce code

sur test1.php

<!DOCTYPE html>
<html>
<body>

<p>Click the button to display the value of the value attribute of the hidden input field.</p>

<input type="hidden" id="myInput" value="W3Schools">

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>



</body>
</html>

et celui ci sur mapage.js

function myFunction() {
  var x = document.getElementById("myInput").value;
  document.getElementById("demo").innerHTML = x;
}
Meilleure solution
Sujet clos
Aller à