Bagaimana cara menyimpan input pengguna ke dalam variabel di html dan js

saya sedang membuat sebuah game dan di awal game tersebut meminta nama anda. Saya ingin nama ini disimpan sebagai varible. saya memiliki kode html ini:

<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>

dan ini adalah bagian javascript:

function name()
{
var input = document.getElementById("userInput");
alert(input);
}
Viper
Pertanyaan edit 2 Juli 2013 в 7:03
Pemrograman
javascript html user-input
2 Juli 2013 в 6:53
33 tayangan
Larutan

Ini tidak berfungsi karena nama adalah kata yang dicadangkan dalam JavaScript. Ubah nama fungsi menjadi sesuatu yang lain.

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


    <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();" />


function othername() {
    var input = document.getElementById("userInput").value;
    alert(input);
}
David Hoelzer
Jawaban edit 22 Desember 2015 в 11:22
Komentar (0)

Pertama, buat markup Anda lebih portabel/dapat digunakan kembali. Saya juga mengatur jenis tombol ke `tombol daripada menggunakan atribut onsubmit. Anda dapat mengubah atribut type menjadi submit jika formulir perlu berinteraksi dengan server.


<div class='wrapper'>

<div class='form-uname'>
    Create a username:
    <input id='nameField' type='text' maxlength='25'>
CHIRAG SAHU
Jawaban edit 25 April 2019 в 11:08
Komentar (0)

Ubah javascript Anda menjadi:

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

Ini akan mendapatkan nilai yang telah diketikkan ke dalam kotak teks, bukan objek DOM

Komentar (2)