นี่เป็นวิธีแก้ปัญหาในโครงการ: แบบฟอร์มลงทะเบียนสำหรับโครงการ ODIN โครงการ ODIN ให้บริการหลักสูตรการเข้ารหัสโอเพนซอร์ซฟรีที่สามารถดำเนินการออนไลน์ได้ทั้งหมด
โครงการ: เครื่องคิดเลขเป็นหนึ่งในสองโครงการในหลักสูตร HTML และ CSS ระดับกลาง มันให้โอกาสในการฝึกฝนเนื้อหาที่ครอบคลุมในส่วนหลักสูตร แนวคิด HTML ระดับกลาง แนวคิด CSS ระดับกลาง และ รูปแบบ

สามสิ่งในโซลูชันนี้ที่ฉันไม่เคยใช้ในโครงการมาก่อนคือ:
คุณสมบัติอื่น ๆ ที่ครอบคลุมส่วนหลักสูตร แนวคิด HTML ระดับกลาง แนวคิด CSS ระดับกลาง และ รูปแบบ และที่ฉันใช้ในการแก้ปัญหาของฉันคือ:
สำหรับการแก้ปัญหาของฉันฉันใช้คุณสมบัติ HTML และ CSS เท่านั้นที่ครอบคลุมในหลักสูตรของเส้นทางการเรียนรู้ JavaScript แบบสแต็กเต็มรูปแบบจนถึงโครงการนี้
กริด CSS ครอบคลุมในส่วนถัดไปหลังจากโครงการนี้ เค้าโครงในไฟล์การออกแบบสำหรับโครงการนี้จะเป็นตัวเลือกที่ดีสำหรับการออกแบบเลย์เอาต์ครั้งแรกและกริด CSS
การออกแบบที่ตอบสนองไม่ได้ครอบคลุมจนกระทั่งในภายหลังในหลักสูตร ฉันทำให้โซลูชันของฉันตอบสนองได้มากที่สุดด้วยเครื่องมือที่ฉันมีอยู่โดยใช้ CSS Flexbox แต่ไม่มีการสืบค้นสื่อ
การเข้าถึงเว็บยังครอบคลุมในภายหลังในหลักสูตร ฉันใช้สิ่งที่ฉันได้เรียนรู้เกี่ยวกับการเข้าถึงในขณะที่ทำงานกับความท้าทายที่ปรึกษาด้านหน้า
การตรวจสอบว่าฟิลด์รหัสผ่านตรงกับซึ่งกันและกันต้องใช้ JavaScript การใช้ JavaScript สำหรับการตรวจสอบแบบฟอร์มนั้นครอบคลุมในบทเรียนในอนาคต โซลูชันของฉันใช้การตรวจสอบไคลเอนต์ไซต์สำหรับที่อยู่อีเมลเท่านั้น ไม่มีฟิลด์ฟอร์มที่จำเป็นใด ๆ เนื่องจากไม่มีการระบุไว้ในไฟล์การออกแบบ
แบบฟอร์มไม่มีแบ็กเอนด์และไม่ส่งข้อมูลที่ส่งไปทุกที่
หาฉันออนไลน์:
นอกเหนือจากสแต็กแบบอักษรของระบบโซลูชันนี้ใช้ตัวอักษร Norse Bold โดยJoëlCarrouché แบบอักษรฟรีสำหรับการใช้งานส่วนบุคคลและเชิงพาณิชย์และรวมถึงตัวอักษรรูนที่สมบูรณ์พร้อมรองรับ Unicode
โซลูชันนี้ยังใช้การรีเซ็ต CSS ของ Josh Comeau และโทนสีดำและสีขาวเกือบ