Rumah > hujung hadapan web > tutorial js > Cipta kalkulator mudah menggunakan HTML, CSS dan JavaScript

Cipta kalkulator mudah menggunakan HTML, CSS dan JavaScript

WBOY
Lepaskan: 2023-09-03 15:37:14
ke hadapan
1003 orang telah melayarinya

Kalkulator Gred Pelajar digunakan untuk mendapatkan input gred untuk semua mata pelajaran dan kemudian mengira peratusan berdasarkan markah pelajar. Kalkulator ini mengembalikan penunjuk prestasi pelajar yang agak boleh dipercayai.

Formula mudah untuk mengira skor ialah:

$teks{Peratusan}= pecahan{teks{skor}}{teks{jumlah markah}} kali 100$

Kami akan menggunakan HTML untuk memasukkan, dan selepas input kami akan panggil fungsi JS Kira purata peratusan nombor ini dan kembalikan kepada pengguna.

Langkah untuk mencipta kalkulator -

  • Kami akan menggunakan tag input untuk mendapatkan input daripada pengguna.

  • Selepas mendapat input, kami akan menghantar input ini kepada fungsi pengiraan dalam JS.

  • Fungsi pengiraan pada asasnya mengagregatkan keputusan dan mengembalikan keputusan

  • Setelah keputusan diperoleh, HTML akan memaparkan keputusan kepada pengguna.

Contoh

Dalam contoh di bawah, kami akan mencipta kalkulator gred mudah yang akan menerima input gred dan mencari peratusan gred agregat untuk setiap pelajar. gaya umur" -

Kami telah menggabungkan HTML, CSS dan JS untuk membantu anda memeriksa output program di sini. Klik pada pautan di bawah untuk melihat demo langsung program:

Atas ialah kandungan terperinci Cipta kalkulator mudah menggunakan HTML, CSS dan JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan