ดาวน์โหลด right triangle calculator - ดาวน์โหลด right triangle calculator ดาวน์โหลดซอร์สโค้ด

right triangle calculator

ซอร์สโค้ดอื่น ๆ

Initial release

ดาวน์โหลด

สามเหลี่ยมขวา - เครื่องคิดเลขพื้นที่ออนไลน์

กำหนดสามมิติ - ความยาว 2 ขาและความยาวของการใช้ชีวิตด้าน hypotenuse ตามลำดับคำนวณพื้นที่
หากมิติไม่สามารถสร้างรูปสามเหลี่ยมที่เหมาะสมให้แจ้งเตือน

สารบัญ

ลองดู
มันทำงานอย่างไร
การอ้างอิงภายนอก

ลองดู

เว็บไซต์ประกอบด้วย 5 ไฟล์: index.html, result.php, style.css, resultsheet.css และ script.js
ดาวน์โหลดที่นี่
ภายใต้ไดเรกทอรีรากของคุณสร้างโฟลเดอร์ ตั้งชื่อมันว่า "สามเหลี่ยมขวา" บันทึกไฟล์เหล่านั้นในโฟลเดอร์นั้น
จากนั้นเริ่มเซิร์ฟเวอร์เสมือนจริง บนเว็บเบราว์เซอร์ของคุณป้อนที่อยู่นี้: localhost/right triangle/index.html
(สมมติว่าคุณใช้ XAMPP บน Windows)
ตอนนี้คุณอยู่ในหน้าอินพุต
ในหน้าอินพุตคุณจะเห็นชื่อ "สามเหลี่ยมขวา!" ที่ด้านบนสามวงกลมปุ่มส่ง
และสามเหลี่ยมสีน้ำเงินที่ด้านล่างของหน้า วงกลมทั้ง 3 นั้นเป็นฟิลด์อินพุตจริง
ลองทำสิ่งต่อไปนี้:

วางเคอร์เซอร์เมาส์ของคุณเหนือวงกลมหนึ่งวง
วางเคอร์เซอร์เมาส์ของคุณผ่านปุ่มส่ง
วางเคอร์เซอร์เมาส์ของคุณ ใกล้ สามเหลี่ยม
ปล่อยให้หนึ่งหรือทั้งหมดของฟิลด์ว่างเปล่าจากนั้นกดปุ่มส่ง
ไม่ปล่อยให้ฟิลด์ว่างเปล่า แต่ป้อนอักขระตัวอักษรไปยังหนึ่งในฟิลด์จากนั้นกดปุ่มส่ง

เมื่อคุณทำเสร็จแล้วให้ลองป้อนหมายเลขไปยังวงกลมทั้ง 3 ตัวและกดปุ่มส่ง
พวกเขาคือความยาวของขาขาและ hypotenuse ตามลำดับ
ควรเปลี่ยนเส้นทางคุณไปยังหน้าผลลัพธ์ หากคุณป้อน 3, 4 และ 5 ตามลำดับคุณควรได้รับ
บางอย่างเช่น "พื้นที่: 6" หากคุณป้อน 10, 9 และ 4 คุณควรได้รับบางอย่างเช่น "มิติที่กำหนด
ไม่เหมาะสมสำหรับสามเหลี่ยมที่เหมาะสม "

มันทำงานอย่างไร

เมื่อคุณโฉบเคอร์เซอร์เมาส์ใกล้สามเหลี่ยมสามเหลี่ยมจะหมุนและขยับขึ้นสีของมันเปลี่ยนเป็นสีแดง
สิ่งนี้ทำโดยการออกแบบในตัวเลือก CSS ด้วยคลาส Pseudo

 #triangle: โฮเวอร์ {
    ชายแดน: ของแข็ง 65px;
    สีชายแดน: โปร่งใสโปร่งใส #F12F2F โปร่งใส;
    ระยะขอบด้านบน: 0px;
    แปลง: หมุน (180deg) scalex (-1);
-

สังเกต transform: rotate(180deg) scaleX(-1); ซึ่งทำให้สามเหลี่ยมหมุนเมื่อโฮเวอร์
ถัดไปตรวจสอบไฟล์ script.js มี 2 ถ้าข้อความในนั้นซึ่งจะบอกว่าอินพุตไม่ถูกต้องหรือไม่
ตรวจสอบว่าผู้ใช้มีบางอย่างโดยเปรียบเทียบกับโมฆะหรือ null จำได้ว่า null เป็นประเภทข้อมูล
ซึ่งโดยทั่วไปหมายถึง "ไม่มีอะไร"
นอกจากนี้เรายังมีฟังก์ชั่น isNan เพื่อตรวจสอบว่าอินพุตเป็นตัวเลขหรือไม่ Nan หมายถึง n ot a n umber
หากคุณป้อนอินพุตที่ถูกต้องรหัสในนั้นหากคำสั่งจะไม่ถูกเรียกใช้งาน JavaScript สร้าง 3 คุกกี้
ด้วยชื่อ A, B, C ตามลำดับที่เก็บอินพุตที่คุณส่งมาก่อนหน้านี้ จากนั้นจะนำคุณไปยังไฟล์
หน้าผลลัพธ์ซึ่งเป็น php
ในหน้าผลลัพธ์ PHP ทำคณิตศาสตร์ ก่อนอื่นมันเรียกค่าของคุกกี้ที่สร้างโดย JavaScript ก่อนหน้านี้
และเก็บค่าเหล่านั้นไว้ในตัวแปรสามตัวคือ $a , $b , $c
จากนั้นใช้ทฤษฎีบทของพีธากอรัสเพื่อตรวจสอบว่าค่าเหล่านั้น (ซึ่งเป็นมิติของสามเหลี่ยม) สามารถทำขึ้นได้
สามเหลี่ยมมุมฉาก. หากทำได้หน้าผลลัพธ์จะแสดงข้อความ "พื้นที่:" พร้อมพื้นที่สามเหลี่ยมข้างๆ
หากไม่สามารถทำได้หน้าผลลัพธ์จะแสดงข้อความ "มิติที่กำหนดไม่เหมาะสมสำหรับสามเหลี่ยมที่เหมาะสม"