Bagaimana cara mengajukan pertanyaan dalam javascript?

Question

Ini mungkin terdengar sepele dan, sebenarnya, sepele dengan ECMAscript 6 yang memperkenalkan fungsi Number.isInteger() baru untuk tujuan ini secara tepat. Namun, sebelum ECMAScript 6, ini sedikit lebih rumit, karena tidak ada yang setara dengan metode Number.isInteger() yang disediakan

Table of Contents Show

Pengembalian
Bagaimana cara mengajukan pertanyaan ya atau tidak dalam JavaScript?
Bagaimana cara mendefinisikan prompt dalam JavaScript?
Bagaimana cara mengambil input dalam JavaScript selain Prompt?
Apa yang dilakukan $() dalam JavaScript?

Masalahnya adalah, dalam spesifikasi ECMAScript, bilangan bulat hanya ada secara konseptual; . e. , nilai numerik selalu disimpan sebagai nilai floating point

Dengan mengingat hal itu, solusi pra-ECMAScript-6 yang paling sederhana dan bersih (yang juga cukup kuat untuk mengembalikan false bahkan jika nilai non-numerik seperti string atau

function isInteger(x) { return (typeof x === 'number') && (x % 1 === 0); }

0 diteruskan ke fungsi) akan menjadi penggunaan berikut dari

function isInteger(x) { return (x ^ 0) === x; }

_

Solusi berikut juga akan berfungsi, meskipun tidak seanggun yang di atas

function isInteger(x) { return (typeof x === 'number') && (x % 1 === 0); }

Fungsi berikut (atau dengan

function isInteger(x) { return (typeof x === 'number') && (x % 1 === 0); }

_1 atau

function isInteger(x) { return (typeof x === 'number') && (x % 1 === 0); }

2 menggantikan

function isInteger(x) { return (typeof x === 'number') && (x % 1 === 0); }

3) mungkin juga tampak berguna, tetapi hasilnya tidak persis sama dengan dua fungsi di atas

function isInteger(x) { return Math.round(x) === x; }

_

Perbedaannya adalah, solusi berbasis

function isInteger(x) { return (typeof x === 'number') && (x % 1 === 0); }

4 ini mengembalikan

function isInteger(x) { return (typeof x === 'number') && (x % 1 === 0); }

5 untuk

function isInteger(x) { return (typeof x === 'number') && (x % 1 === 0); }

6 dan

function isInteger(x) { return (typeof x === 'number') && (x % 1 === 0); }

7, sedangkan yang lain (dan khususnya Number.isInteger() ES6) mengembalikan false

Solusi salah yang cukup umum lainnya adalah sebagai berikut

function isInteger(x) { return parseInt(x, 10) === x; }

Sementara pendekatan berbasis

function isInteger(x) { return Math.round(x) === x; }

_0 ini akan bekerja dengan baik untuk banyak nilai

function isInteger(x) { return Math.round(x) === x; }

1, sekali

function isInteger(x) { return Math.round(x) === x; }

1 menjadi cukup besar, itu akan gagal bekerja dengan baik. Masalahnya adalah

function isInteger(x) { return Math.round(x) === x; }

3 memaksa parameter pertamanya menjadi string sebelum mem-parsing digit. Oleh karena itu, setelah jumlahnya menjadi cukup besar, representasi stringnya akan disajikan dalam bentuk eksponensial (mis. g. ,

function isInteger(x) { return Math.round(x) === x; }

_4). Dengan demikian,

function isInteger(x) { return Math.round(x) === x; }

_3 kemudian akan mencoba mengurai

function isInteger(x) { return Math.round(x) === x; }

4, tetapi akan berhenti mengurai ketika mencapai

function isInteger(x) { return Math.round(x) === x; }

7 karakter dan karena itu akan mengembalikan nilai

function isInteger(x) { return Math.round(x) === x; }

8. Mengamati

Metode prompt() mengembalikan nilai input jika pengguna mengklik "OK", jika tidak maka mengembalikan null

Catatan

Kotak prompt digunakan jika Anda ingin pengguna memasukkan nilai

Saat kotak prompt muncul, pengguna harus mengklik "OK" atau "Batal" untuk melanjutkan

Jangan terlalu sering menggunakan metode ini. Ini mencegah pengguna mengakses bagian lain dari halaman sampai kotak ditutup

String teks biasa (bukan HTML) yang akan ditampilkan di kotak dialog. Ini umumnya harus mengungkapkan pertanyaan yang Anda ingin pengguna jawab

Pengembalian

true jika pengguna mengklik tombol OK;

Keterangan

Metode confirm( ) menampilkan question yang ditentukan dalam kotak dialog. Kotak dialog berisi tombol OK dan Batal yang dapat digunakan pengguna untuk menjawab pertanyaan. Jika pengguna mengklik tombol OK, confirm( ) mengembalikan true. Jika pengguna mengklik Batal, confirm( ) mengembalikan false

Kotak dialog yang ditampilkan oleh metode confirm( ) adalah modal. Yaitu, memblokir semua input pengguna ke jendela browser utama hingga pengguna menutup kotak dialog dengan mengklik tombol OK atau Batal. Karena metode ini mengembalikan nilai yang bergantung pada respons pengguna ke kotak dialog, eksekusi JavaScript akan dijeda dalam panggilan ke confirm( ), dan pernyataan selanjutnya tidak dieksekusi hingga pengguna merespons ke kotak dialog

Tidak ada cara untuk mengubah label yang muncul di tombol kotak dialog (untuk membuatnya terbaca Ya dan Tidak, misalnya). Oleh karena itu, Anda harus berhati-hati dalam menyusun pertanyaan atau pesan Anda sehingga OK dan Batal adalah respons yang sesuai

Bagaimana cara mengajukan pertanyaan ya atau tidak dalam JavaScript?

Cara terbaik untuk membuat kotak konfirmasi ya/tidak adalah dengan menggunakan fungsi konfirmasi() JavaScript . Fungsi ini akan membuat browser merender kotak dialog dengan pesan dan dua tombol, tombol Ok dan tombol Batal.