Problem d'input javascript

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
Programmino
Messages : 2
Enregistré le : 09 févr. 2021, 10:17

Problem d'input javascript

Message par Programmino » 09 févr. 2021, 10:23

Bonjour tout le monde, j'ai 11 ans e je m'intéresse a la programmation de site web! Cependant, pour un projet, je n'arrive pas a avoir la valeur d'un input, donc je me demandais si vous pouvais m'aider!
Voici le code javascript:

function randomNumber(){
return Math.floor(Math.random() * 10)
}

function randomGenerator(){
var num1 = randomNumber()
var num2 = randomNumber()

var para = document.getElementById("number_af")
para.innerHTML = ""
var node = document.createTextNode(num1+" x "+num2)
para.appendChild(node)
var element = document.getElementById("number_a")
element.appendChild(para)

setTimeout(function reset(){
para.innerHTML = ""
}, 3000)
}

function getInput(){
var inp = document.getElementById('input_nums').innerHTML
console.log(inp)
}

et HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Math Generator</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div>
<br>
<button onclick="randomGenerator()">Time : </button>
<input type="number" id="input_nums" name="input_nums">
<button onclick="getInput()">Get the Input</button>
<br>
</div>
<br>
<div id="number_a">
<br>
<p id="number_af"></p>
<br>
</div>

<script src="index.js"></script>
</body>
</html>

Avatar du membre
webmaster
Administrateur du site
Messages : 396
Enregistré le : 28 févr. 2017, 15:19

Re: Problem d'input javascript

Message par webmaster » 09 févr. 2021, 17:29

Bonjour jeune développeur !

Ca me fait plaisir de voir que la programmation a toujours des adeptes nouveaux

Les formulaires ne se manipulent pas comme les elements HTML
Il faut une balise <form>

Code : Tout sélectionner

<form name="calculator" onsubmit="return false">
  <button onclick="randomGenerator()">Time : </button>
  <input type="number" id="input_nums" name="input_nums">
  <button onclick="getInput()">Get the Input</button>
</form>
onsubmit="return false" sert à inactiver les <button> pour qu'il ne soumette pas le formulaire

Et la fonction

Code : Tout sélectionner

function getInput(){
  var inp = document.calculator.input_nums.value
  console.log(inp)
}
TJS : 20 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

Programmino
Messages : 2
Enregistré le : 09 févr. 2021, 10:17

Re: Problem d'input javascript

Message par Programmino » 09 févr. 2021, 19:26

Merci beaucoup!:)

Répondre