Comment faire pour enregistrer la saisie de l'utilisateur dans une variable en html et js

je fais un jeu, et à le démarrer, il vous demande votre nom. Je veux que ce nom soit enregistré comme varible. j'ai ce code html:

<form id="form" onsubmit="return false;">
<input   style=position:absolute;top:80%;left:5%;width:40%; type="text" id="userInput">
<input   style=position:absolute;top:50%;left:5%;width:40%; type="submit"    onclick="name()">
</form>

et c'est partie javascript:

function name()
{
var input = document.getElementById("userInput");
alert(input);
}
Il suffit de changer votre nom de la fonction à autre chose comme username car en JavaScript, name est un mot réservé.

OriginalL'auteur Hamzah Malik | 2013-07-02

  1. 18

    Cela ne fonctionne pas car name est un mot réservé en JavaScript. Changer le nom de la fonction à autre chose.

    Voir http://www.quackit.com/javascript/javascript_reserved_words.cfm

    <form id="form" onsubmit="return false;">
    <input style="position:absolute; top:80%; left:5%; width:40%;" type="text" id="userInput" />
    <input style="position:absolute; top:50%; left:5%; width:40%;" type="submit" onclick="othername();" />
</form>

function othername() {
    var input = document.getElementById("userInput").value;
    alert(input);
}

    OriginalL'auteur PiLHA

  2. 7

    Tout d'abord, faire votre balisage plus portable/réutilisables. J'ai également réglé le bouton du type de 'button' au lieu d'utiliser le onsubmit attribut. Vous pouvez activer et désactiver la type attribut submit si le formulaire doit interagir avec un serveur.

    <div class='wrapper'>
<form id='nameForm'>
<div class='form-uname'>
    <label id='nameLable' for='nameField'>Create a username:</label>
    <input id='nameField' type='text' maxlength='25'></input>
</div>
<div class='form-sub'>
    <button id='subButton' type='button'>Print your name!</button>
</div>
</form>

<div>
    <p id='result'></p></div>
</div>

    Prochaine écrire une fonction générale de la récupération du nom d'utilisateur dans une variable. Il vérifie que la variable contenant le nom d'utilisateur a moins de trois caractères. Vous pouvez modifier ce quelle que soit la constante que vous voulez.

    function getUserName() {
var nameField = document.getElementById('nameField').value;
var result = document.getElementById('result');

if (nameField.length < 3) {
    result.textContent = 'Username must contain at least 3 characters';
    //alert('Username must contain at least 3 characters');
} else {
    result.textContent = 'Your username is: ' + nameField;
    //alert(nameField);
}
}

    Ensuite, j'ai créé un écouteur d'événement pour le bouton. Il est généralement considéré comme la mauvaise pratique d'avoir inline js appels.

    var subButton = document.getElementById('subButton');
subButton.addEventListener('click', getUserName, false);

    Ici est un travail et légèrement stylisé démo:

    CodePen démonstration de cette réponse.

    OriginalL'auteur NickersF

  3. 1

    Changer votre javascript:

    var input = document.getElementById('userInput').value;

    Cela permet d'obtenir la valeur qui a été dans la zone de texte, pas un objet DOM

    j'ai essayé et ça n'a pas l'air de travailler. de ce que j'ai lu, il doit, mais..
    j'ai fixé cette! cela semble tellement évident maintenant. il s'avère que la fonction ne marchera pas avec le nom de la fonction en tant que "nom()" après le changement de "nom d'utilisateur ()", il fonctionne parfaitement!

    OriginalL'auteur Tom G

  4. 1

    Comme je l'ai utiliser sur PHP et JavaScript:

    <input type="hidden" id="CatId" value="<?php echo $categoryId; ?>">

    Mise à jour le JavaScript:

    var categoryId = document.getElementById('CatId').value;

    OriginalL'auteur Amranur Rahman