Unduh right triangle calculator - Unduh Kode Sumber right triangle calculator

right triangle calculator

Kode sumber lainnya

Initial release

Unduh

Segitiga Tunggal - Kalkulator Area Online

Diberi tiga dimensi - panjang 2 kaki dan panjang hipotenus, masing -masing, menghitung area tersebut.
Jika dimensi tidak mungkin untuk membentuk segitiga kanan, waspada.

Isi

Cobalah
Cara kerjanya
Referensi eksternal

Cobalah

Situs web ini terdiri dari 5 file: index.html, result.php, style.css, resultsheet.css, dan script.js.
Unduh di sini.
Di bawah direktori root Anda, buat folder. Sebutkan "segitiga sidang". Simpan file -file itu di folder itu.
Kemudian, mulailah server virtual. Di browser web Anda, masukkan alamat ini: LocalHost/Troute Triangle/Index.html
(Dengan asumsi Anda menggunakan XAMPP di Windows)
Anda sekarang berada di halaman input.
Di halaman input, Anda akan melihat judul "TGIT TRUMERLANG!" Di bagian atas, tiga lingkaran, tombol kirim,
dan triange biru di bagian bawah halaman. 3 lingkaran itu sebenarnya adalah bidang input.
Cobalah melakukan hal -hal berikut:

Arahkan kursor mouse Anda di salah satu lingkaran
Arahkan kursor mouse Anda di atas tombol kirim
Arahkan kursor mouse Anda di dekat segitiga
Biarkan satu atau semua bidang kosong dan kemudian tekan tombol kirim
Tidak meninggalkan bidang kosong tetapi masukkan karakter alfabet ke salah satu bidang kemudian tekan kirim

Setelah selesai dengan itu, cobalah untuk memasukkan angka ke 3 lingkaran itu dan tekan tombol kirim.
Mereka adalah panjang kaki, kaki, dan hipotenuse.
Itu harus mengarahkan Anda ke halaman hasil. Jika Anda masing -masing input 3, 4, dan 5
sesuatu seperti "Area: 6". Jika Anda memasukkan 10, 9, dan 4, Anda harus mendapatkan sesuatu seperti "dimensi yang diberikan
tidak pantas untuk segitiga siku -siku ".

Cara kerjanya

Saat Anda mengarahkan kursor mouse di dekat segitiga, segitiga berputar dan bergerak ke atas, warnanya berubah menjadi merah.
Ini dilakukan dengan gaya dalam pemilih CSS dengan kelas semu.

 #triangle: hover {
    Perbatasan: Solid 65px;
    Border-color: transparan transparan #f12f2f transparan;
    margin-top: 0px;
    Transform: Rotate (180deg) Scalex (-1);
}

Perhatikan transform: rotate(180deg) scaleX(-1); Yang membuat segitiga berputar di atas hover.
Selanjutnya, periksa file Script.js. Ada 2 jika pernyataan di dalamnya, yang memberi tahu apakah inputnya tidak valid.
Ini memeriksa apakah pengguna memiliki input sesuatu dengan membandingkannya dengan null . Ingatlah bahwa nol adalah tipe data
yang pada dasarnya berarti "tidak ada."
Kami juga memiliki fungsi isNan untuk memeriksa apakah inputnya numerik. Nan adalah singkatan dari N OT A N UMBER.
Jika Anda memasukkan input yang valid, kode dalam pernyataan jika tidak akan dieksekusi. Javascript kemudian membuat 3 cookie
Dengan nama A, B, C masing -masing, yang menyimpan input yang Anda kirimkan sebelumnya. Itu kemudian mengarahkan Anda ke
halaman hasil, yang merupakan result.php
Pada halaman hasil, PHP menghitung. Pertama, itu menyebut nilai cookie yang dibuat oleh JavaScript sebelumnya,
dan menyimpan nilai -nilai itu dalam tiga variabel, yaitu $a , $b , $c .
Kemudian menggunakan teorema Pythagoras untuk memeriksa apakah nilai -nilai tersebut (yang merupakan dimensi segitiga) dapat membentuk a
Segitiga Tunggal. Jika bisa, halaman hasil menampilkan teks "Area:" dengan area segitiga di sampingnya.
Jika tidak bisa, halaman hasil menampilkan teks "dimensi yang diberikan tidak tepat untuk segitiga siku -siku".