Comment récupérer la valeur d’un input texte en Javascript

Vous pouvez simplement utiliser la propriété value de l’élément input pour obtenir la valeur. L’exemple suivant affiche le texte saisi dans l’input lors que vous cliquez sur le bouton « Récupérer la valeur ».
 
 

Code HTML:
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Récupérer la valeur d'un input texte</title>
	</head>
	<body>
		<input type="text" placeholder="Entrez une valeur ici" id="in">
		<button type="button" onclick="getValue();">Récupérer la valeur</button>
		
		<script>
			// Mettez le code javascript ici.
		</script>
	</body>
</html>

 

Code Javascript:
function getValue() {
    // Sélectionner l'élément input et récupérer sa valeur
    var input = document.getElementById("in").value;

    // Afficher la valeur
    alert(input);
}
Résultat
QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *