ALLISON Buchholtz-AU: ทุกคนที่เหมาะสม ยินดีต้อนรับกลับไปยังส่วน มันเป็นส่วนสุดท้ายของเรา มันเป็นเรื่องน่าเศร้ามาก ผมไม่ทราบว่าสิ่งที่ฉันจะทำอย่างไร ไม่เห็นพวกคุณทุกวันจันทร์ ผมคิดว่าเราควร just-- บางทีเราอาจจะเพียงแค่ เจอกันที่นี่และมีอาหารเย็นหรือบางสิ่งบางอย่าง ฉันไม่รู้ ผมจะนำอาหารแทน เราก็จะพูดคุย แต่ใช่สัปดาห์หน้าจะ เป็นส่วนสุดท้ายของเรา เมื่อทราบว่าคุณมีการตอบคำถามในสัปดาห์ถัดไป ฉันรู้ว่าฉันลืมที่จะทำของฉันชอบ สองสัปดาห์ล่วงหน้าแจ้งให้ทราบเมื่อสัปดาห์ที่แล้ว แต่หวังว่าพวกคุณ รู้ว่าเรื่องนี้กำลังจะมาถึง เราหวังว่านี้เป็นหนึ่งในที่ผ่านมา midterms สำหรับคุณผู้ชายสำหรับภาคการศึกษา แต่มันจะครอบคลุมทั้งหมด วัสดุที่เราได้ไปแล้วกว่า ดังนั้นจึงไม่ชอบคุณก็สามารถลืม ประมาณสี่ลูปหรือตัวแปร เพราะเราได้เรียนรู้ ผู้ที่อยู่ในจุดเริ่มต้นที่ เหล่านี้จะเห็นได้ชัด เกมที่ยุติธรรมสำหรับการทดสอบของคุณ 

มันจะเป็นรูปแบบเดียวกันเดียวกัน ความยาวเพื่อให้คุณอยู่แล้วจะใช้มัน มีไปได้ที่ การเข้ารหัสจากปัญหามือ บางทีบางเท็จจริง บางทีบางคำตอบสั้น ๆ ดังนั้นคุณควรจะเป็น คุ้นเคยกับรูปแบบ โดยเฉพาะอย่างยิ่งถ้าคุณใช้ การทดสอบการปฏิบัติ แต่ที่ผมบอกว่าที่นี่มันเป็น สะสม แต่เราแน่นอน จะต้องมุ่งเน้นไปที่ สิ่งที่จากสัปดาห์ที่หกเป็นต้นไป ดังนั้นเราอาจจะไม่ได้ จะขอให้คุณเกี่ยวกับวิธีการหลายไบต์ อยู่ในแต่ละประเภทหรือ ทุกประเภทของสิ่งเหล่านั้น, แต่เราอาจจะเป็น สนใจในสิ่งที่ต้องการเชื่อมโยงรายการ หรือโครงสร้างข้อมูลที่แตกต่าง หรือขั้นตอนวิธีการที่แตกต่างกัน ที่เราได้พูดคุยเกี่ยวกับ เพื่อให้แน่ใจว่าคุณจริงๆ ขึ้นไปบนนั้นและถ้าคุณ จำเป็นต้องใช้ทรัพยากรใด ๆ ที่นี่เป็นจำนวนมากของทรัพยากร ฉันเพียงแค่ให้คุณชนิด ของรายการที่รวดเร็วมี 

สัปดาห์ถัดไปจะเป็นแบบทดสอบ ทบทวนในช่วงเวลานี้ ดังนั้นถ้าคุณมีคำถามใด ๆ หรือหัวข้อที่เฉพาะเจาะจง สิ่งที่เฉพาะเจาะจงในการตอบคำถามที่ว่า คุณต้องการที่จะไปกว่าโปรด ส่งพวกเขาให้ฉันก่อนเวลาเพื่อที่ฉันสามารถ ชนิดของการจัดเตรียมวัสดุบางอย่างสำหรับการที่ และนอกเหนือไปจากนี้ การตรวจสอบส่วนที่เราจะ นอกจากนี้ยังจะถือแน่นอนกว้าง ทบทวนเหมือนที่เราทำครั้งสุดท้าย และมันก็เป็นไปได้ ทำโดยคนเดียวกัน ผมไม่ทราบว่า ทำให้ดีขึ้นหรือแย่ลง แต่มันก็เป็นไปได้ฉัน ฮันนาห์ Davan และเกบอีกครั้ง ดังนั้นหากคุณต้องการที่จะมาเห็น เราล้อเล่นทั้งหมดที่มีกันและกัน และเดินคุณผ่านแบบทดสอบ การตรวจสอบคุณควรแน่นอน มาถึงวันจันทร์ถัดไปที่ยัง ดังนั้นคุณก็จะมีวันจันทร์ที่ติดขัด บรรจุของการตรวจสอบแบบทดสอบซึ่งเป็นสิ่งที่ดี แล้วเพราะคุณมีอังคาร ในการประมวลผลผ่านทุกอย่าง 

แต่แน่นอนทำตรวจสอบ ออกทรัพยากรเหล่านี้ Study.csv.net คือโดยไกลฉัน คิดว่าหนึ่งในประโยชน์มากที่สุด ส่วนใหญ่เป็นเพราะมันมี มากรหัสตัวอย่าง มันมีทุกสิ่งที่น่าพาวเวอร์ กับบันทึกทั้งหมดที่อยู่ในนั้น ซึ่งเป็นจริงสิ่งที่ฉันวาดมากที่สุด วัสดุส่วนของฉันจาก ถ้ามีอะไรในก่อนหน้านี้ ส่วนที่ผมอาจจะส่งออก ที่คุณอาจไม่ได้ อากาศเพียงแจ้งให้เราทราบ เช่นเดียวกับโค้ดตัวอย่างในสัปดาห์ที่ผ่านมา ถ้าใครไม่ได้รับนั้น เพียงแค่ส่งอีเมลฉันหรือมาพูดคุยกับผม และฉันจะตรวจสอบให้แน่ใจว่าคุณได้รับว่า 

ดังนั้นด้วยที่ในวันนี้เราจะไป ที่จะพูดคุยเกี่ยวกับการใช้งาน JavaScript ดังนั้นที่นี่เราทอมมี่ว่าผมเป็นใคร เพียงแค่พูดคุยกับคุณคืนที่ผ่านมา ฉันรักทอมมี่ JavaScript เป็นที่ชื่นชอบของเขา ภาษาในขณะที่เขาบอกว่าที่นี่ พวกเขาจะพยายามและบอกคุณว่ามันเป็น ไม่ได้ดีที่สุดและพวกเขาจะมีความผิด ดังนั้นทอมมี่เป็นหลัก JavaScript ฉันไม่ได้ค่อนข้างที่ของเขา ระดับ แต่ฉันก็ชอบ "ทอมมี่ฉันจะสอน เด็กเหล่านี้ใช้งาน JavaScript? " ดังนั้นผมจึงมีเคล็ดลับบางอย่างเพื่อให้ หวังว่าพวกเขาทำงานออก 

ดังนั้นสิ่งที่สองที่จะทราบว่าเป็นที่ JavaScript เป็นสคริปต์ฝั่งไคลเอ็นต์ ภาษาดังนั้นในขณะที่ PHP เป็นบางสิ่งบางอย่าง ที่เราถือว่าฝั่งเซิร์ฟเวอร์เพิ่มเติม มันจะถูกอัปโหลดไปยังเซิร์ฟเวอร์ รวบรวมและดำเนินการมี หนึ่งนี้จะถูกดำเนินการ บนเครื่องของคุณเอง OK? ดังนั้นคุณโหลดบางหน้า JavaScript, และจะรันบนเครื่องของคุณ ไวยากรณ์จะคล้ายกับ C และ PHP เรากำลังจะผ่านไป ตัวอย่างบางส่วนของ JavaScript, และคุณจะเห็นว่า วิธีที่เราพูดคุยเกี่ยวกับตัวแปรห่วง และเงื่อนไขทั้งหมดที่คล้ายกันมาก OK? ความจริงที่ว่าพวกเขามีความคล้ายคลึงกันเพื่อให้เป็น อาจจะเดินทางบางส่วนของคุณ ขึ้นในบางกรณีเพียงเพราะ คุณจะนำมารวมกันนิด ๆ หน่อย ๆ ของ C ที่ไม่ควรจะมี บางทีคุณอาจจะลองและบางชนิด เมื่อมันไม่ควรจะพิมพ์ 

และในวันนั้นสิ่งหนึ่งที่ ทราบว่าเป็นที่ใช้งาน JavaScript เป็นพิมพ์แบบไดนามิก ภาษาเช่น PHP ดังนั้นถ้าพวกคุณจำได้ จากส่วนเมื่อสัปดาห์ที่แล้ว เมื่อเราเป็นชนิดของการทำ PHP ของเราแน่นอนความผิดพลาด เราได้เห็นวิธีการหนึ่งสตริงอาจจะ กลายเป็นหนึ่ง int, และอื่น ๆ ประเภทของตัวแปรของคุณ จะถูกกำหนดในเวลาทำงาน ดังนั้นพวกเขาอาจมีการเปลี่ยนแปลงตลอด หลักสูตรของโปรแกรม และในลักษณะเดียวกับที่เราไม่เคย ประกาศประเภทจริงๆสำหรับตัวแปร PHP, เรากำลังจะทำแบบเดียวกัน สิ่งที่นี่ที่เราไม่ได้จริงๆ ควบคุมประเภทของตัวแปรของเรา เพื่อที่จะพูดเหมือนที่เราทำใน C. 

และแล้วสิ่งหนึ่งที่ ที่เป็นเย็นสวยเป็น ที่คุณสามารถข้อผิดพลาด ตรวจสอบผ่านทางคอนโซล ด้วยฟังก์ชั่นที่ยิ่งใหญ่นี้ console.log ซึ่ง ช่วยให้คุณสามารถพิมพ์ออกมาแตกต่างกัน ตัวแปรหรือวัตถุที่เราจะ พูดคุยเกี่ยวกับ เช่นเดียวกับสัปดาห์ที่ผ่านมาเมื่อฉันถูก เช่น "ใช้ฟังก์ชั่นนี้" ที่มีการถ่ายโอนข้อมูล จาก pset นี้คือฟังก์ชั่น คุณต้องการที่จะใช้ console.log ผมจึงประหลาดใจหลายวิธี นักเรียนในเวลาทำการ ไม่ทราบเกี่ยวกับฟังก์ชั่นการถ่ายโอนข้อมูล และฉันก็ชอบ "พวกนี้จะ ทำให้ชีวิตของคุณง่ายขึ้นมาก. " 

สิทธิทั้งหมดเพื่อให้เป็นชนิดของ เพียงแค่สิ่งที่สั้น ๆ เช่นเคย เรามีตัวอย่าง ฉันรู้ว่าพวกคุณรักคน ดังนั้นนี่คือตัวอย่างของมาก ไฟล์ JavaScript ง่ายๆที่นี่ ดังนั้นมันจึงเป็นเพียงจะสร้าง นี้ป๊อปอัพที่กล่าวว่า "สวัสดีชาวโลก" เมื่อคุณ ใส่หน้า แต่ขอ และพยายามเดินผ่านทางนี้นิด ๆ หน่อย ๆ ดังนั้นเห็นได้ชัดนี้เป็นเพียง เช่น index.html ปกติของคุณ ดังนั้นเพียงแค่แม่แบบปกติของเราที่นี่ และเรามี HTML, เรามีหัวของเรา และเช่นเดียวกับ CSS, วิธีการที่เรา รวมถึงบางไฟล์นอกใช่ไหม? เรามีประเภทสคริปต์ ข้อความที่เป็น JavaScript และแหล่งที่มาเป็น hello.js, ซึ่งเป็นลงที่นี่ นี่คือไฟล์ทั้งหมดของ hello.js แล้วเรามีบางส่วน ชื่อและ HTML ร่างกายบางส่วน ว่าเราไม่ได้จริงๆดูแลเกี่ยวกับ 

สิ่งที่เกิดขึ้นคือเมื่อเราโหลดหน้านี้ โดยอัตโนมัติรันสคริปต์นี้ OK? ดังนั้นจะใช้งาน JavaScript ดำเนินการโดยอัตโนมัติ ดังนั้นสิ่งที่มันจะทำอะไรก็จะ ที่จะไปทันทีและดำเนินการนี​​้ และมันก็จะพูดว่า "การแจ้งเตือน สวัสดีชาวโลก. " ซึ่งการแจ้งเตือนเป็นฟังก์ชันที่ จริงสร้างช่องนี้ OK? ดังนั้นมันจึงเป็นชนิดของห้อมล้อมทั้งหมด ไม่มีอะไรพิเศษที่เรามีคือ จะทำนอกเหนือจากการแจ้งเตือนเพียง และแล้วสิ่งที่เราต้องการ ภายในกล่องแจ้งเตือนของเรา OK? ดังนั้นนี่เป็นเพียงง่ายสุด ตัวอย่างของสิ่งที่ใช้งาน JavaScript สามารถทำได้ 

หนึ่งในเย็นจริงๆ สิ่งที่เราจะเห็น คือการที่จะช่วยให้คุณใช้งาน JavaScript เพื่อจัดการกับหน้าเว็บของคุณ โดยไม่ต้อง โหลดพวกเขาทุกครั้ง ดังนั้นถ้าคุณ want-- ตัวอย่างเช่นถ้า คุณกำลังโฉบเหนือบางสิ่งบางอย่าง ถ้าพวกคุณเคยมี เห็นเช่นแถบเมนู หรือเมื่อคุณเลื่อนไปบางส่วน หัวข้อเมนูแบบเลื่อนลงจะปรากฏขึ้น นั่นเป็นเพราะของ JavaScript OK? ดังนั้นคุณไม่ได้โหลดทั้งหมด หน้าจะได้รับเมนูนี้เพื่อแสดงขึ้น คุณเพียงแค่มองหาบางอย่าง การกระทำที่ผู้ใช้มีการดำเนินการ ซึ่งเรียกว่าเหตุการณ์ที่เราจะได้รับ เป็นและเมื่อคุณเห็นว่าคุณจะพูดว่า "ตกลงแก้ไขบางสิ่งบางอย่างเกี่ยวกับเรื่องนี้ หน้าและทำให้ดูแตกต่างกัน แต่แก้ไขสิ่งเหล่านี้เฉพาะ อย่าโหลดสิ่งที่ทั้ง ". ดังนั้นมันจึงเป็นจริงมาก nicer และ คุณไม่ต้องโหลดหน้าเว็บของคุณ และมันเจ๋งจริงๆ 

ประกาศตัวแปรดังนั้น เพื่อให้คุณชนิดของสามารถดู ฉันใส่อยู่ด้านบนที่นี่พิมพ์อย่างหลวม ๆ ดังนั้นนี้เป็นอย่างมากเช่น PHP เราไม่จำเป็นต้องบอก JavaScript ชนิดเรา คาดหวังว่าแต่ละตัวแปรเหล่านี้จะเป็น พวกเขาสามารถเป็นสิ่งที่ประเภทที่เราต้องการ เพื่อให้คุณทราบในกรณีนี้เราประกาศ พวกเขามากเพียงแค่ "var" และแล้วสิ่งที่เราต้องการ ชื่อตัวแปรของเราที่จะ สิ่งหนึ่งที่ควรทราบก็คือว่าเมื่อคุณ ใส่ var หน้าชื่อตัวแปร มันขอบเขตในประเทศมัน OK? มันทั้งหมดที่เหมาะสมสำหรับคุณ ที่จะสมบูรณ์เพียงแค่ลบ var และมีเพียง S เท่ากับ CS50 และ ที่เพิ่งจะเป็นตัวแปรทั่วโลก OK? เพื่อให้คุณสามารถเริ่มต้นมันทั้งสองวิธี ก็ขึ้นอยู่กับว่าคุณต้องการ ถ้าคุณกำลังเริ่มต้น ภายในฟังก์ชั่น และคุณต้องการตัวแปรที่ อยู่ภายในขอบเขตการทำงานนั้น คุณจะต้องการที่จะทำ สิ่งที่ชอบ var ชื่อตัวแปร เมื่อเทียบกับถ้าคุณต้องการมัน ขอบเขตทั่วโลกคุณ ก็สามารถทำชื่อของ ตัวแปรแล้ว สิ่งที่คุณต้องการจะตั้งค่าเท่ากับ OK? 

นี้เป็นชนิดของสิ่งที่เย็นลงที่นี่ เพราะถ้าเราสังเกตตัวแปรของเรา ขเริ่มออกมาเป็นความจริง และสิ่งที่ does-- นี้สามารถ ทุกคนบอกฉันว่านี้ไม่? ดังนั้นเราจึงมีการแจ้งเตือนบางอย่าง สิ่งที่จะพิมพ์ของข จะอยู่ในจุดเริ่มต้น? ผู้ชม: บูลีน ALLISON Buchholtz-AU: บูลีน ขวา และจากนั้นเรากำหนดข สตริงนี้ใช่มั้ย? ดังนั้นแล้วที่นี่สิ่งที่ประเภทของขเป็นอย่างไร มันต้องการจะเป็นสตริงใช่มั้ย? ดังนั้นสิ่งที่สำคัญคือการ แจ้งให้ทราบที่อยู่ในคเรา สามารถแทบจะไม่เคยทำ สิ่งที่ต้องการที่ เราจะต้องมีตัวแปร โยนเป็นอย่างอื่น อาจจะทำฟังก์ชั่นบางอย่างกับสอง ฉันไปจากค่าใช้จ่ายในการจำนวนเต็ม แต่ถ้าเราสังเกตเห็นที่นี่ข การเปลี่ยนแปลงได้อย่างง่ายดายมากพิมพ์ 

ผู้ชม: รอเพื่อให้คุณสามารถเพียงแค่ จะเป็นเหมือน "ให้ขจำนวนเต็ม?" 

ALLISON Buchholtz-AU: ใช่ คุณก็สามารถกำหนด b เพื่อจำนวนเต็ม 

ผู้ชม: จริงเหรอ? 

ALLISON Buchholtz-AU: ใช่ แล้วมันจะเป็น int ดังนั้นตัวแปรของคุณสามารถเปลี่ยนแปลงได้ตลอด แน่นอนของโปรแกรมเกินไป พวกเขาจะไม่พิมพ์อย่างเคร่งครัด มันเป็นเรื่องที่พิมพ์อย่างหลวม ๆ OK? โดยทั่วไปตัวแปรของคุณสามารถทำสิ่งที่ ที่พวกเขาต้องการในขณะที่เราชนิดของเห็นด้วย PHP พวกเขาสามารถทำสิ่งที่บ้าบางอย่างเพื่อให้ มันเป็นสิ่งสำคัญที่จะต้องระมัดระวังสวย ชื่อตัวแปรของคุณได้ดี ถ้าคุณทำไม่ได้ทั้งหมดในทันที คุณกำลังจะเป็นเช่น "รอผมคิดว่านี้คือ สตริงและตอนนี้ก็ int, และฉันไม่แน่ใจจริงๆ สิ่งที่เกิดขึ้นที่นี่. " ดังนั้นนี่เป็นเพียงตัวอย่างง่ายๆของ แสดงให้เห็นว่าตัวแปรที่สามารถได้อย่างง่ายดาย เปลี่ยนชนิดของมันมากกว่า หลักสูตรของโปรแกรม 

ตกลง ดังนั้นควรมีลักษณะ ซุปเปอร์ซุปเปอร์คุ้นเคย ดังนั้นเหล่านี้เป็นลูปของเราใน JavaScript พวกเขาจะตรงเดียวกันยกเว้น แทนที่จะเป็นสี่ int ฉันเท่ากับศูนย์ เราก็อาจจะบอกว่าฉัน var เท่ากับศูนย์ และจากนั้นเราจะมีการจัดเรียงเดียวกันของเรา สภาพแบบเดียวกับการปรับปรุง i บวกบวกทำงานได้ดี ดังนั้นสี่เหมือนกัน whiles เหมือนกัน และไม่ whiles จะตรงเดียวกัน แบบเดียวกับรูปแบบทั่วไป เราสังเกตเห็นสี่วงเล็บ วงเล็บก็เหมือนกันทั้งหมด นอกจากนี้จะมีเครื่องหมายอัฒภาค เมื่อเราได้รับโค้ดตัวอย่างเช่น คุณจะเห็นมันสวย มากเช่นเดียวกับค 

สำหรับการประกาศฟังก์ชั่น อีกครั้งที่คล้ายกันมาก เรามีฟังก์ชั่นบางอย่างที่เพียงแค่ บอกว่ามันเป็นหน้าที่แล้ว ชื่อของเรา ฟังก์ชั่นและปัจจัยการผลิต และอีกครั้งถ้าเราสังเกตเห็นเรา มีชนิดที่นี่ไม่มี แต่อย่างใด ใช่มั้ย? เราไม่มีอะไรบอกว่าสิ่งเหล่านี้ จะต้องมีการ ints หรือคู่หรือลอย พวกเขาอาจจะเป็นสิ่งที่พวกเขาต้องการ สิ่งที่สำคัญคือสังเกตเห็นว่า เราจำเป็นต้องเขียนฟังก์ชันก่อน ที่จะปล่อยให้ใช้งาน JavaScript รู้ว่า นี้เป็นจริงฟังก์ชั่น 

ดังนั้นนี้เป็นเพียงบางส่วนจำนวนเงินที่ง่าย ฟังก์ชั่นที่ส่งกลับ x หรือ y, และแล้วสิ่งที่ยังเป็นเย็น คือการที่คุณสามารถจริง กำหนดฟังก์ชั่นให้กับตัวแปร ดังนั้นในกรณีนี้รวมอยู่ในขณะนี้ ฟังก์ชั่นที่ไม่จริงผลรวม ดังนั้นถ้าคุณสังเกตเห็นที่นี่เรามี ฟังก์ชั่นชื่อของฟังก์ชั่นปัจจัยการผลิต ใช่มั้ย? ที่นี่เราก็มีฟังก์ชั่นและปัจจัยการผลิต ดังนั้นนี้จะเรียกว่าฟังก์ชั่นที่ไม่ระบุชื่อ และนี่คือสิ่งที่ควรจะใหม่ ส่วนใหญ่ของพวกคุณ, ถ้าไม่ทั้งหมดของคุณ ดังนั้นโดยทั่วไปสิ่งที่ วิธีการคือการที่เราทำไม่ได้ ต้องชื่อของเรา ฟังก์ชั่นในกรณีนี้ เราก็สามารถพูดว่า "ต​​กลงฉันจะ มีฟังก์ชั่นที่รันนี่ เป็นปัจจัยการผลิตของตนและที่นี่ สิ่งที่มันจะทำ. " และโดยเฉพาะอย่างยิ่งเมื่อคุณกำลังกำหนด ฟังก์ชั่นให้กับตัวแปรบาง ว่าคุณกำลังจะไปจัดการ คุณไม่จำเป็นต้อง ต้องตั้งชื่อมันเพราะ คุณกำลังจะได้รับหมาย ได้โดยตัวแปรนี้ ชื่อไม่ได้โดยสิ่งที่ ฟังก์ชั่นที่เรียกว่าจริง OK? 

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

สำหรับ JavaScript, เช่นเดียวกับ PHP, HTML, CSS และในขณะที่เรากล่าวว่า เป็นจำนวนมากนั้นเรากำลังชนิดของการ ล้อการฝึกอบรมลงที่นี่ และพวกคุณมีจำนวนมากของความรู้ วิธีการจริงๆเข้าใจสิ่งเหล่านี้ พวกเขากำลังแตกต่างกันเล็กน้อย แต่พวกเขาไม่ได้ต่างประเทศดังนั้น และการที่คุณไม่สามารถสิ่งที่ Google หรือ มองพวกเขาออนไลน์กับโรงเรียน w3 และเราคาดหวังว่าคุณจริงๆ คนที่จะชนิดของการทดลอง และเรียนรู้ด้วยตัวคุณเอง ดังนั้นฉันรู้ว่านี้อาจจะดูเล็ก ๆ น้อย ๆ อย่างละเอียดน้อยกว่าบางส่วนของสิ่งที่ค ที่เราทำ แต่ที่จริงด้วยเหตุผล แต่หวังว่ามันไม่เกินไป ที่แตกต่างกันและก็ไม่ได้ครอบงำ 

ดังนั้นอาร์เรย์ใน JavaScript, อีกมากที่คล้ายกันมาก ใช่มั้ย? เรามีอาร์เรย์ตัวแปร ที่เท่ากับวงเล็บที่ว่างเปล่า และนั่นเป็นเพียงอาร์เรย์ที่ว่างเปล่า นี้มักจะเรียกว่า สัญกรณ์อาเรย์ที่แท้จริง นั่นเป็นเพียงสิ่งหนึ่งที่เราเรียกว่า ถ้าเราเห็นอาร์เรย์สองที่นี่เรามีบางส่วน อาร์เรย์ตัวอักษรที่มีสามองค์ประกอบ ใช่มั้ย? แล้วเรามีบางส่วน var องค์ประกอบที่สามที่ ตัวแปรบางอย่างที่เป็นเพียง ไปถือสตริงนี้ JS 

องค์ประกอบที่ดีที่จะแจ้งให้ทราบล่วงหน้า จะถูกคั่นด้วยเครื่องหมายจุลภาค เช่นเดียวกับที่เราคาดว่าจะได้ และคุณยังสามารถเข้าถึงเหล่านี้ที่เราได้ ใน C ที่มีสัญกรณ์ดัชนีนี้ใช่มั้ย? จึงแตกต่างจาก PHP ตอนนี้เรากำลังจะกลับมา เพียงแค่ชนิดของหมาย สิ่งโดยดัชนี เช่นเดียวกับซีก็ยังเป็นศูนย์ดัชนี ฉันรู้สึกเหมือนมันจะโหดร้ายจริงๆ ถ้าพวกเขาก็ทำ JavaScript หนึ่ง ดัชนีและคุณได้อย่างสมบูรณ์ คิดใหม่ว่าคุณคิดเกี่ยวกับอาร์เรย์ 

สิ่งหนึ่งที่น่าสนใจคือว่าแทนที่จะ ต้อง do-- ถ้าคุณเคย ต้องการความยาวของอาร์เรย์, บางทีคุณอาจจะย้ำผ่านมัน จนกว่าคุณจะพบปลายบางส่วนหรือ คุณก็จะได้รู้ว่าสิ่งที่มันเป็น เพราะใช้งาน JavaScript หลวมมากใน วิธีกว่าชนิดเพียงแค่ที่เราเห็นที่นี่ เราก็สามารถทำให้อาร์เรย์นี้ ที่ใหญ่กว่าเพราะเราตัดสินใจที่จะ ถ้าเราสังเกตอาร์เรย์สาม มีสามสิ่งที่จะเริ่มต้น แต่แล้วทั้งหมดในทันที เราชอบ "โอ้แค่ล้อเล่น เรากำลังจะจริง ที่จะทำให้มัน 101 สิ่งที่. " ดังนั้นหากคุณเคยต้องการที่จะรู้ว่า ระยะเวลาที่เกิดขึ้นจริงของอาเรย์ของคุณ คุณทำมันได้เช่นนี้ และเรากำลังจะไปดูจำนวนมาก สัญกรณ์ในตัวอย่างนี้ แต่ด้วย JavaScript ก็มักสิ่งที่ วัตถุที่คุณกำลังพูดถึง จุดสิ่งที่ชนิดของฟังก์ชั่น คุณต้องการนำไปใช้กับมัน OK? 

ดังนั้นในกรณีนี้ของเรา วัตถุที่เป็นอาร์เรย์สอง และเราบอกว่าเราต้องการ ความยาวของแถวสอง ดังนั้นเพียงแค่นี้เรียกเช่นความยาวที่ และที่จะกลับมามีความยาวของคุณ นอกจากนี้สิ่งที่ควรทราบก็คือ ว่าถ้าเราสังเกตอาร์เรย์ของเรา ซึ่งแตกต่างจากซีพวกเขาไม่ได้ ว่าเป็นข้อมูลที่เป็นประเภทเดียวกัน นี้เป็นมากขึ้นเช่น PHP JavaScript เป็นพื้นเช่นเดียวกับ นี้ meld ที่น่าสนใจของ C และ PHP ดังนั้นเราจะได้รับเป็นที่ สำหรับตอนนี้ขอเพียงแค่สมมติ ที่อาร์เรย์ของคุณมีพื้น เช่นอาร์เรย์ C ในการที่ พวกเขาจะเป็นศูนย์การจัดทำดัชนี ตกลงเพื่อให้เป็นทุกอย่าง คุณยังสามารถขยาย อาร์เรย์ดัชนีสิ่งที่คุณต้องการ ในขณะนี้อาจจะ SEG ผิดกับคุณหรือให้ข้อผิดพลาดบางอย่าง JavaScript เป็นเช่น "nah ก็ปรับ ผมได้รับนี้ เราก็จะไปตรง ที่คุณต้องการ. " 

ตกลงดังนั้นวัตถุที่มีความสำคัญมาก พวกคุณจะใช้จำนวนมากเหล่านี้ อยู่ในชุด P ของคุณถ้าผมจำไม่ผิด ดังนั้นสิ่งที่เหล่านี้ คล้ายกับใน C มี structs ดังนั้นคุณสามารถคิด about-- เมื่อ เราไปตัวอย่างเช่นขวา หลังจากนี้ผมคิดว่ามันจะ ให้มากขึ้น sense-- แต่เราโดยทั่วไปใช้วัตถุที่จะ จัดระเบียบแน่นอนข้อมูลที่เกี่ยวข้อง เมื่อเราพูดคุยเกี่ยวกับ structs ใน C เรามักจะ พูดคุยเกี่ยวกับนักเรียนที่มีชื่อบาง ID บ้านคุณรู้ว่าความเข้มข้น และนั่นคือชนิดของสิ่งเดียวกัน ที่เราใช้วัตถุสำหรับที่นี่ มันเป็นเพียงแค่การจัดระเบียบ ข้อมูลที่คล้ายคลึงกัน 

นอกจากนี้คุณยังสามารถคิดเหล่านี้เป็นมากขึ้น คล้ายกับการเชื่อมโยงอาร์เรย์ใน PHP ดังนั้นนี้จะเป็นชนิดของสิ่ง ที่เรามีที่สำคัญบางอย่างที่มีค่าบางอย่าง คล้ายกับ PHP เพื่อให้คุณสามารถเริ่มต้นบางอย่าง วัตถุที่ว่างเปล่าที่เราเห็นขึ้นที่นี่ เพียงกับวงเล็บปีกกา ดังนั้นอาร์เรย์มีวงเล็บ วัตถุที่ว่างเปล่ามีวงเล็บปีกกา ความแตกต่างที่ดีที่จะมี และสิ่งเหล่านี้เป็นเพียงสองที่แตกต่างกัน วิธีการที่จะตั้งค่าคุณสมบัติ ดังนั้นนี้เป็นชนิดของ อื่น ๆ อีกมากมายจากทางที่ จะคล้ายกับ PHP กับเรา เชื่อมโยงอาร์เรย์ที่มีคีย์ของเรา และมูลค่าของเราในขณะที่ หนึ่งคุณจะเป็นเท่าไหร่นี้ เห็นนี้มากขึ้นใน JavaScript นี้มีแนวโน้มที่จะประชุม และในลักษณะเดียวกับที่เราทำ อาร์เรย์สองระยะเวลาในจุดนี้ไม่ว่าจะเป็น "ตกลงให้ฉันนี้ แอตทริบิวต์ของว​​ัตถุนี้. " ใช่มั้ย? ดังนั้นวิธีเดียวกับที่มันเป็นเหมือน "ให้ฉัน ความยาวแอตทริบิวต์ของอาร์เรย์สอง " นี้จะบอกว่า "ให้ฉันบาง ทรัพย์สินของวัตถุที่ว่างเปล่าของเรา. " หรือในกรณีนี้เรามี กำหนดเป็นค่าบางอย่างที่นี่ แต่คุณยังสามารถเข้าถึงมันเป็นอย่างนั้น 

และแล้วที่นี่เป็นเพียง แสดงการแจ้งเตือนที่แตกต่างกันสอง ดังนั้นนี้จะแสดงการแจ้งเตือน จะเหมือนกันแน่นอน มันเป็นเพียงแค่สองวิธีที่แตกต่างกันของ การเข้าถึงองค์ประกอบที่เราต้องการ ไม่ว่าทำให้ความรู้สึกที่ทุกคนหรือไม่ ฉันรู้สึกเช่นนี้ อาจจะทำให้ความรู้สึกมากขึ้น เพียงเพราะเรากำลังออกมาจากของ PHP แต่ที่เราทำตัวอย่างนี้ เป็นตัวอักษรตรงเดียวกัน มากของมันคือการเปลี่ยนแปลงเพียงในไวยากรณ์ 

ตกลงดังนั้นตัวอย่าง ฉันรักตัวอย่าง ดังนั้นนี่คือบาง CS50 ตัวแปรที่เป็นวัตถุ และเราเก็บทั้งหมดนี้ ข้อมูลเกี่ยวกับเรื่องนี้ ดังนั้นเราจึงมีหลักสูตรที่สอน TFS, psets และบันทึกเทป ดังนั้นเราจึงสังเกตเห็นเหล่านี้เป็นเกือบ ทุกประเภทที่แตกต่างกัน ใช่มั้ย? ดังนั้นวัตถุที่สามารถจัดเก็บ ลักษณะของประเภทที่แตกต่างกัน เราอาจจะคิดว่าเจ้านี่มันมาก คล้ายกับอาเรย์ของเราใน PHP ที่สำคัญดังนั้นค่าที่สำคัญค่า ที่สำคัญค่าอื่น ๆ และอื่น ๆ มีอะไรที่น่าสนใจในลักษณะเดียวกัน ว่าเราสามารถมีอาร์เรย์ภายในอาร์เรย์ เรายังสามารถมีวัตถุภายใน วัตถุหรือวัตถุภายในอาร์เรย์ คุณไม่เคย จำกัด จริงๆ เพียงหนึ่งเดียวของสิ่งที่ เราจะได้รับ Inceptionesque มากเพียง ให้ไปลงหลุมกระต่ายมี 

ดังนั้นหากเราสังเกตเห็นเรา มีบางอย่างที่แน่นอน เป็นสตริงสอนที่สตริง และอาเรย์, int และบูลีน ดังนั้นทุกสิ่งที่แตกต่างกันเหล่านี้ 

สิทธิทั้งหมดเพื่อให้เรามีอีกคนหนึ่ง ดังนั้นในกรณีนี้เรามี อาร์เรย์ของว​​ัตถุ ดังนั้นเพียงแค่ชอบวัตถุ สามารถมีอาร์เรย์ในนั้น นอกจากนี้เรายังสามารถมีอาร์เรย์ของว​​ัตถุ นี้อาจเป็นประโยชน์กับ คิดเกี่ยวกับที่คล้ายกับชนิด ของการที่เรามีกัญชา ตารางเรามีอาร์เรย์ ทั้งหมดเหล่านี้แตกต่างกัน ประเภท structs ว่า เป็นตัวชี้ไปยังที่แตกต่างกัน โหนดและ whatnot แต่ในกรณีนี้เรา มีอาร์เรย์ของว​​ัตถุ ดังนั้นนี้เป็นเหมือนอาร์เรย์ เชื่อมโยงอาร์เรย์ของ ดังนั้นเราจึงมีบางองค์ประกอบแรกจะ เป็นวัตถุที่มีชื่อเจมส์ และบ้านวิน 

พวกคุณอาจจำ อะไรบางอย่างที่คล้ายกันนี้ กับ pset สุดท้ายของคุณที่ถ้าคุณ ดึงบางสิ่งบางอย่างจากฐานข้อมูลของคุณ เรียงลำดับแรกของ สิ่งที่อยู่ในอาเรย์ของคุณ ข้อมูลทั้งหมดที่เกี่ยวกับ ผู้ใช้คนแรกที่ได้พบมัน และจากนั้นคุณจะต้องเป็นดัชนีที่ ที่จะได้รับหุ้นหรือแคชของพวกเขา หรือ whatnot ดังนั้นนี้เป็นอย่างมากเช่นเดียวกัน สิ่งที่เพียงแค่มีการเปลี่ยนแปลงเล็กน้อย ในไวยากรณ์การเปลี่ยนแปลงเล็กน้อยใน คำที่เราใช้ในการอธิบายให้พวกเขา 

ดังนั้นหากเราต้องการทุกคนสามารถบอก ฉันว่าการแจ้งเตือนนี้จะทำที่นี่? หรือสิ่งที่บิตนี้ รหัสจะทำอย่างไรกับเรา? ผู้ชม: มันจะทำให้คุณมีรายชื่อทั้งหมด ALLISON Buchholtz-AU: ขวาจึง ก็จะแจ้งเตือนที่มีชื่อทั้งหมด เพราะมันจะผ่านไป กระท่อมฉันจึงจะเริ่มต้นที่ศูนย์ ดังนั้นจึงอยากบอกว่าโอเคเรากำลังมองหา วัตถุนี้เป็นครั้งแรกที่ เป็นช่องแรกในอาร์เรย์ของเรา และมันก็บอกว่า "ให้ฉัน แอตทริบิวต์ชื่อของวัตถุที่. " ดังนั้นเราจึงไปที่นี่เราต้องการ สแกนเราต้องการหาชื่อ และเราต้องการพิมพ์ออกมา เจมส์มอลลี่และคาร์ล คำถามใด ๆ เพื่อให้ห่างไกล? จาวาสคริปต์ที่น่าเสียดาย คุณกำลังจะเป็น ทำมากของการมองขึ้นไปบนของคุณ ตัวเองหาไวยากรณ์ การต่อสู้กับมัน แต่แน่นอนฉันเสมอที่นี่ สำนักงานชั่วโมงอยู่เสมอที่นี่ ผมอาจจะมีในวันอังคารในสัปดาห์นี้ ดังนั้นหากคุณมีคุณสามารถ มาเยี่ยมผมในสัปดาห์นี้ มันต้องการจะดี 

ตกลงดังนั้น DOM เป็นรูปแบบเอกสารวัตถุ ดังนั้นนี่เป็นเพียงวิธีการ ว่าเราชอบที่จะคิด เกี่ยวกับ HTML และวิธีการทุกอย่างของเรา ภายในมีการจัดระเบียบ นี่คือสิ่งที่มากว่า อาจจะเกิดขึ้นในการทดสอบของคุณ ฉันรู้ว่าปีของฉันมันเป็นเหมือนที่นี่ ไฟล์ HTML กรอก DOM สำหรับมัน และคุณเพียงแค่กรอกข้อมูลลงในสิ่งเล็ก ๆ น้อย เหล่านี้ควรเป็นจุดที่ง่ายหวังว่า หวังว่าคุณจะดูหน่อย 

ผู้ชม: [ไม่ได้ยิน] 

ALLISON Buchholtz-AU: ดังนั้น คุณจะเห็นต้นไม้ต้นนี้ที่นี่? 

ผู้ชม: ใช่ 

ALLISON Buchholtz-AU: ดังนั้นพวกเขาจะขอให้ใช้ เพื่อเติมเต็มในสิ่งที่จะไปอยู่ภายใต้ร่างกาย บางทีภายใต้ร่างกายเรามีบาง divs หรือเรามีย่อหน้าบาง และเราจะขอให้คุณกรอกข้อมูลลงใน ต้นไม้อย่างมากเช่นนี้ ดังนั้นเราจะเดินผ่านมัน ดังนั้นเอกสารวัตถุ รุ่นเป็นเพียงวิธีการ โครงสร้างและคิดว่า เกี่ยวกับ HTML ของเราชัดเจน และเมื่อเราได้รับ เป็น JavaScript เพิ่มเติม มันเป็นไปได้ วิธีการที่เราจริง จัดการที่แตกต่างกัน องค์ประกอบบนหน้าเว็บ เราจำเป็นต้องมีวิธีการเข้าถึงแต่ละ ของสิ่งที่อยู่ใน HTML ของเรา และอื่น ๆ นี้จะช่วยให้เรามาก คอนกรีตวิธีมาตรฐาน ทั่วหน้าเว็บต่างๆที่จะทำเช่นนั้น 

ดังนั้นถ้าเราเพียงแค่เดินผ่าน ที่นี่แน่นอน เอกสารของเราเป็นเหมือนไฟล์ทั้งหมดของเรา ที่เห็นได้ชัดทำให้รู้สึก ว่ามันเป็นสิ่งที่สูงสุด และแล้วเรามี HTML ที่เกิดขึ้นจริงของเรา ซึ่งสอดคล้องกับแท็กนี้ที่นี่ นอกจากนี้หากคุณเยื้องในแท็กของคุณ ถูกต้องแล้วการสร้างต้นไม้ DOM นี้ จะกลายเป็นง่ายสุด ดังนั้นเราจึงมีหัวบางอย่างที่นี่ ร่างกายเรามีบางอย่างที่ เราจะเห็นต้นกำเนิดออกจาก HTML, ซึ่งเป็นเหตุผลที่เรามีหัวและลำตัว ภายในหัวเรามีบาง แท็กชื่อ, ปลายแท็กชื่อ เพื่อให้เรารู้ที่มาหลังจากที่หัว และภายในแท็กชื่อของเรา เรามี hello, world OK? นั่นคือสาขานี้ทางด้านซ้ายมือทั้ง และแล้วสำหรับสาขาทางด้านขวามือ ที่นี่เราจะเห็นว่าเรามี HTML, ตกลงที่เราเคยทำส่วนหัวนี้ เรากำลังมองหาเพียงแค่ร่างกาย เพื่อให้เรามีพื้นที่บางส่วนของร่างกาย และภายในที่เดียว สิ่งที่เรามีคือ hello, world OK? ถ้าเรามีสิ่งที่ต้องการ บางจุดยึดแล้ว สวัสดีโลกและจากนั้นอีก วงเล็บพีของลาโลก เราจะมีสองฟอง ออกมาจากที่นี่ เพราะพวกเขาทั้งสองภายใต้ร่างกาย แต่ พวกเขากำลังย่อหน้ากรณีนี้ มีการปฏิบัติแน่นอน ว่าในแบบทดสอบก่อนหน้านี้ เช่นเดียวกับความอุดมสมบูรณ์ออนไลน์บนมัน ตกลงดังนั้นเพียงแค่นี้ช่วยให้ เราเห็นทุกอย่างเป็นอย่างดี และจัดการกับสิ่งที่ มากเป็นระบบ OK? เรารู้ว่าวิธีการ สำรวจผ่านต้นไม้นี้ เพื่อให้เรารู้สิ่งที่เราต้องการในการเข้าถึง 

ตกลงดังนั้นนี่คือเหตุผลที่เราต้องการ ที่จะมีการจัดเรียงของรุ่นนี้ เพื่อให้เราสามารถใช้สิ่งเช่นนี้ และเราเข้าใจในสิ่งที่พวกเขาหมายถึง และพวกเขากำลังได้มาตรฐาน ในทุกสิ่งที่เราทำ ดังนั้นจุดที่ชื่อเอกสารเป็นเพียง ชื่อของ our-- ทั้งหมดเหล่านี้ จะอธิบายสวยตนเอง ผมชอบที่จะคิดว่า ดังนั้นก่อนที่สาม ตัวอย่างที่เป็นเพียงการพูด "OK เพียงแค่ให้ฉัน ชื่อของหน้าเว็บนี้. " ดังนั้นมันจะให้สิ่งที่ สอดคล้องกับชื่อเรื่อง 

ร่างกายเอกสารจุดเป็นไปเพื่อให้คุณ สิ่งที่อยู่ภายในแท็กร่างกายเหล่านั้น เพื่อให้คุณสามารถจัดการกับที่ และเอกสารร่างกายจุดจุด ใส่ HTML เป็นหนึ่งเย็นมาก และอาจจะไม่ได้เป็นเหมือนซุปเปอร์ ใช้งานง่าย แต่ HTML ภายใน สอดคล้องกับตรงนี้ ดังนั้นหากคุณเคยต้องการที่จะ จัดการกับข้อความบนหน้าเว็บ โดยทั่วไปแล้วคุณจะต้องทำ บางสิ่งบางอย่างกับร่างกายจุด HTML ภายใน OK? HTML ภายในดังนั้นมีแนวโน้มที่จะอ้างถึง สิ่งที่เป็นจริงระหว่างแท็กเหล่านี้ OK? และฟังก์ชั่นที่มีประโยชน์แล้ว ดังนั้นหากคุณต้องการที่จะได้รับ ใด ๆ เหล่านี้องค์ประกอบใด ๆ เรามี Id บางชั้น ชื่อหรือชื่อแท็ก นี้จะคล้ายกับ สิ่งที่เราทำกับ CSS ใช่มั้ย? ที่เรามีเตอร์บางอย่างที่ สอดคล้องกับทั้งแท็กชั้น ที่เราให้พวกเขาหรือ Id นี้เป็นอย่างมากในลักษณะเดียวกัน หากคุณมีบางสิ่งบางอย่างที่ มีชั้นเรียนของสุนัขบาง และที่คุณบอกว่าได้รับองค์ประกอบโดยใช้ชื่อแท็ก และคุณใส่สุนัขในตรงนี้หรือขอโทษ ชื่อชั้น คุณสามารถใส่จุดในนั้น มันจะกลับมาทุกคน องค์ประกอบให้คุณที่มีชั้นเรียนที่ เพื่อให้คุณสามารถจัดการเพียงผู้ ในทางเดียวกันบางทีคุณอาจเพียงแค่ ต้องการที่จะจัดการกับส่วนหัวบางอย่างเพื่อให้ บางส่วนหัว h1 เหมือนอย่างที่เราทำ คุณสามารถจะได้รับองค์ประกอบโดยแท็ก ชื่อเพราะ h1 เป็นชื่อแท็ก และในทำนองเดียวกันถ้าคุณต้องการที่จะได้รับ บางสิ่งที่ไม่ซ้ำกันที่คุณสามารถจะได้รับแท็ก รับองค์ประกอบตามหมายเลข และพวกเขาเป็นจริงจำนวนมากเหล่านี้ เหล่านี้เป็นเพียงเช่นสามมาก ดังนั้นถ้าคุณไปออนไลน์เป็น ฉันจะขอแนะนำให้ คุณจะทำและทำบางอย่าง การวิจัยด้วยตัวคุณเอง ผมขอแนะนำให้แน่นอน มองเข้าไปในทุกคน พวกเขาอาจจะเป็นซูเปอร์ ที่มีประโยชน์โดยเฉพาะอย่างยิ่งเมื่อ คุณต้องการเพียงแค่ชนิดของการจัดการ สิ่งที่เฉพาะเจาะจงมากโดยไม่ต้อง ผ่านไปและพยายามที่ ที่จะแยกออกมาทุกอย่าง 

ตกลงดังนั้นสิ่งสุดท้าย เป็นเหตุการณ์ที่เกิดขึ้น JavaScript ดังนั้นเมื่อผมพูดก่อนหน้านี้ เกี่ยวกับการไปลงบนเว็บไซต์ และเมื่อคุณเลื่อนไปบางสิ่งบางอย่าง หรือเมาส์ของคุณวนเวียนอยู่เหนือบางสิ่งบางอย่าง บางสิ่งบางอย่างเกิดขึ้น นี่คือสิ่งที่เราต้องการ คิดเกี่ยวกับการเป็นเหตุการณ์ ดังนั้นสิ่งที่เราอาจมีว่า เป็นประโยชน์ที่นี่เป็น onclick ดังนั้นเหมืองอยู่บนโฉบซึ่งฉัน ค่อนข้างมั่นใจว่าเป็นเพียงเกี่ยวกับการเลื่อน นอกจากนี้ตันของเหล่านี้ ที่คุณสามารถมองหา มีรายชื่อทั้งหมดออนไลน์ สิ่งที่แตกต่าง ที่คุณสามารถฟัง 

แต่เหตุการณ์ที่เกิดขึ้นมี JavaScript เป็นเพียงการตอบสนองต่อสิ่งที่ ที่ผู้ใช้ของคุณจะทำ ใช่มั้ย? เพื่อให้ผู้ใช้ของคุณจะ บางสิ่งบางอย่างที่เป็นเหตุการณ์ และ JavaScript จะตอบสนอง แต่คุณต้องการให้ มันจะตอบสนองตาม ดังนั้นในกรณีนี้เรามี บางจุด onload หน้าต่าง ดังนั้นสิ่งนี้บอกว่าเป็น "รอสักครู่ จนกว่าหน้าต่างโหลด. " OK? ดังนั้นเมื่อทุกอย่างโหลด onload, จากนั้นคุณสามารถดำเนินการฟังก์ชั่นนี้ ดังนั้นเมื่อทุกอย่าง โหลดคุณกำลังจะ จะมีปุ่มค้นหาบาง ที่ได้รับองค์ประกอบตามหมายเลข, และมันพิมพ์สิ่งที่ องค์ประกอบที่เป็นปุ่มค้นหา แล้วเรามีตัวแปรนี้ เราพูดว่า "ต​​กลง onclick." ดังนั้นเมื่อเราได้ยินเสียงคลิก ที่ปุ่มค้นหา ดำเนินการฟังก์ชั่นนี้ซึ่งเป็น แจ้งเตือนคุณคลิกปุ่มค้นหา 

ดังนั้นสิ่งที่เกิดขึ้นเป็นเท่าไหร่เป็นคนดี แสดงภาพเล็ก ๆ น้อย ๆ ที่นี่ ดังนั้นโหลดเอกสารของเรา ที่ onload ของเรา เราพบว่าการค้นหาของเรา ปุ่มซึ่งเป็นนี้ เรากำลังมองหาปุ่มค้นหาของเรา และจากนั้นเมื่อกดปุ่มค้นหาก็คือ คลิกมันสอดคล้องกับที่นี่ onclick แล้วในที่สุดเราก็แจ้งเตือนผู้ใช้ของเรา ซึ่งเป็นบรรทัดสุดท้ายที่นี่ OK? ดังนั้นแต่ละคนสี่ขั้นตอนเพียง สอดคล้องกับสี่กล่อง ลงไปที่นั่นที่ด้านล่าง ไม่ว่าทำให้ความรู้สึกที่ทุกคนหรือไม่ 

และแล้วสิ่งหนึ่งที่ฉันแค่ไป พูดถึงมากในเวลาสั้น ๆ ที่ฉัน ขอแนะนำให้พวกคุณไป ไปดูมากขึ้นในการเป็น jQuery ซึ่งเป็นเพียงห้องสมุด ที่ถูกสร้างขึ้นบนของ JavaScript มันจะมีประโยชน์สุดเป็น กับห้องสมุดมากที่สุด มีจำนวนมากของฟังก์ชั่น ดังนั้นถ้ามีอะไรบางอย่างที่เคย คุณต้องการจะทำใน JavaScript, สัญชาตญาณแรกของคุณ ไม่ควรที่จะคิด ของ "สิ่งที่ควรฟังก์ชั่น ฉันรหัส? "มั​​นควรจะเป็น "ให้ฉันเห็นใครบางคนเป็น ทำมาแล้วนี้สำหรับฉัน. " เพราะเก้าครั้งจากสิบ คนที่จะได้ทำมันแล้ว และพวกเขาอาจจะได้ทำมันได้ดี คนใช้จ่ายเป็นจำนวนมากเวลาทำเหล่านี้ และ JavaScript ใช้กันอย่างแพร่หลายมาก ดังนั้นคนที่มีอย่างต่อเนื่อง พยายามที่จะทำให้ดีขึ้น และ jQuery มีจำนวนมากของฟังก์ชั่น ที่อาจจะเป็นประโยชน์กับคุณ ในโครงการสุดท้ายของคุณถ้าคุณ ทำอะไรกับการออกแบบเว็บ ขณะที่ผมอยากจะพูดว่า "การทำงาน อย่างชาญฉลาดไม่ยาก. " ถ้าพวกคุณทำอย่างนั้นมันจะดี เมื่อเราอยู่ที่ Hackathon ที่ฉันทำไม่ได้ อยากให้เป็นสิ่งที่เครียด ฉันต้องการให้คุณจะเป็นเหมือน "ผมได้ นี้ jQuery ก็มีหลังของฉัน ผมไม่จำเป็นต้องเขียนฟังก์ชันเหล่านี้. " 

ดังนั้นเพียงแค่สองสิ่งที่ จำได้ว่าฉันจะ ที่จะปล่อยให้พวกคุณดูเพิ่มเติม เป็น jQuery ด้วยตัวคุณเอง ทั้งหมดที่ฉันจะบอกว่ามันเป็น ไม่บางสิ่งบางอย่างที่น่ากลัวสวย และสามารถทำให้ชีวิตของคุณ จำนวนมากทั้งง่าย แต่สิ่งที่คุณต้องการ มีไฟล์อะไรก็ตาม ที่คุณกำลังจะใช้มันใน คุณจะต้องการทั้งสองสาย คุณจะต้องการ สคริปต์ของจุด jQuery JS JS และที่จริงแหล่งที่มาของ เป็นไปได้ที่ URL บาง หากคุณ Google jQuery, Google จริงเจ้าภาพไฟล์ทุกอย่างให้คุณ ดังนั้นคุณมั่นเหมาะต้องการ ป้อนข้อมูลว่า URL แทน ฉันเพียงแค่ใส่ที่นี่ เพื่อประโยชน์ของความเรียบง่าย ทั้งหมดนี้หมายความว่าเป็นสถานที่ที่จะ หาห้องสมุด jQuery ของคุณ มันเป็นเรื่องใหญ่ดังนั้นคุณไม่ต้องการ ในการเป็นเจ้าภาพในคอมพิวเตอร์ของคุณเอง ถ้าคุณสามารถหลีกเลี่ยงได้ซึ่งเป็นเหตุผลที่เรา มีแนวโน้มที่จะเพียงแค่ใส่ใน URL ของ Google ที่ เป็นเจ้าภาพจัดงานท​​ุกไฟล์เหล่านี้สำหรับคุณ OK? คุณ Google มันฉันสัญญาว่า มันจะมี 

และแล้วสิ่งที่ ไฟล์ JavaScript ที่คุณ ใช้ดังนั้นนี้เป็นเพียงบางส่วนภายนอก ไฟล์ JavaScript ที่คุณกำลังใช้ ในทำนองเดียวกับที่เราเชื่อมโยงไปยัง CSS ของเรา ไฟล์นี้เป็นเรียงกันของสิ่ง เพียงแค่นี้ก็เชื่อมโยงไปยังแฟ้ม ที่ใช้งาน JavaScript ของคุณเป็น และผมมีตัวอย่างบางส่วน ด้วยง่าย JavaScript ดังนั้นเราจะผ่านมัน และจากนั้นในดัชนีของคุณ JavaScript, ซึ่งเป็นไฟล์จาวาสคริปต์ของคุณที่นี่ นี้เป็นชนิดของเสื้อคลุม ที่คุณมีสำหรับ jQuery คุณเกือบ 99.9 ร้อยละของเวลาที่จะ ที่จะมีนี้ในแฟ้ม index.js ของคุณ เพราะสิ่งที่กล่าวนี้คือ "ไม่ได้ดำเนินการอะไร จนเอกสารของคุณเป็นจริง พร้อม "ซึ่งเป็นสิ่งที่คุณต้องการ เพราะถ้าเอกสารของคุณไม่พร้อม และ jQuery เริ่มทำสิ่งที่ มันเป็นเพียงระเบียบ ดังนั้นคุณก็ต้องการที่จะมีเสื้อคลุมนี้ และแล้วสิ่งที่ไปในที่นั่นผม จะปล่อยให้คนของตัวเองให้อ่าน 

ตกลงดังนั้นจะมีคำถามใด ๆ ที่เหมาะสม ตอนนี้เกี่ยวกับการใช้งาน JavaScript ในทั่วไป? หรือรูปแบบ DOM? ถ้าไม่ได้เรามีบางเย็น ตัวอย่างที่เราสามารถผ่านไป ที่พวกคุณสามารถช่วยฉันรหัส แต่ฉันยังไปได้ ดีสุดและถ้าคุณ ไม่ต้องการที่จะพูดอะไร เหล่านี้ที่ดี ฉันยังสามารถให้ตัวอย่าง แต่สิ่งที่อยู่บน PowerPoint ก่อนที่เราจะเดินหน้าต่อไป? เย็น 

ฉันรู้สึกเหมือนพวกคุณจำเป็นต้องใช้พลังงาน ดังนั้นผมจึงคิดว่าเรากำลังจะเริ่มต้น กับตัวอย่างบุคคลที่ครั้งแรกของฉัน เรามีสามตัวอย่าง คุณมีทางเลือกของคุณ ดังนั้นเราจึงมีนาฬิกาที่เรากำลังจะ ในการดำเนินการที่เกิดขึ้นจริงนาฬิกาที่ จะปรับปรุงเวลาเป็นไปตาม เรามีฟังก์ชั่นนี้ทวิตเตอร์ที่ดี เจ้านี่คุณรู้ว่าสิ่งที่ยึดมั่นใน เรากำลังจะทำให้ไปนี้ออกไป ปัง ตกลง 

เรามีฟังก์ชั่นนี้ทวิตเตอร์ที่ดี นี่ that-- ฉันรู้ใช่มั้ย? มันเป็นไปได้ที่ดี พวกคุณตื่นเต้น? ที่จะนับจำนวน ของตัวละครที่คุณไม่เคยมีใคร ดังนั้นถ้าฉันพิมพ์ตอนนี้ เห็นได้ชัดก็ยังกล่าวว่า 140, แต่เรารู้ว่าไม่ใช่กรณี และแล้วกับคนสุดท้ายของเรา ที่นี่คลิกที่นี่เพื่อปาร์ตี้ สิ่งที่จะเกิดขึ้นคือเมื่อ เราคลิกพื้นหลังของ จะเปลี่ยนสี ดังนั้นพวกคุณมีตัวเลือกของคุณ ที่หนึ่งที่คุณต้องการจะทำครั้งแรก ฉันสัญญาว่าฉันจะเอามันง่ายมากที่อยู่กับคุณ ฉันรู้สึกเหมือนทุกคนชนิดเป็น เพียงคีย์ต่ำมากในวันนี้ ดังนั้นผมจะเดินคุณผ่านวิธี เราจะใช้สิ่งเหล่านี้ ถ้าคุณต้องการที่จะพูดสอด ในที่ดี แต่ฉัน รู้สึกเหมือนทุกคนเหนื่อยน้อย ดังนั้นผมก็จะเดินคุณ ผ่านตัวอย่างเหล่านี้ เรามีอะไรบางอย่างที่ เราต้องการที่จะทำอันดับแรก ใคร? การตั้งค่าหรือไม่? ตกลง คุณรู้อะไร เรากำลังอยู่ในงานปาร์ตี้ ฉันรู้สึกเหมือนพวกคุณต้อง little-- ดังนั้นเราจะทำอย่างใดอย่างหนึ่งของบุคคลที่แรก ตกลง 

ดังนั้นสิ่งที่เรามีตรงนี้ว่าเป็น ไม่ควรที่จะอยู่ที่นั่น ตอนนี้มันเป็นสิ่งที่ดี ตกลง ดังนั้นสิ่งที่เรามีที่นี่เป็น เพียงหน้า HTML ง่ายๆ ที่พวกคุณทุกคนควรจะสุด คุ้นเคยกับการจากครั้งล่าสุดของคุณสอง psets เรามีประเภทเอกสารของเราที่นี่ ทุกคนสามารถเห็น? ตกลง เย็น เรามี HTML ของเราอย่างเห็นได้ชัด เรามีส่วนหัวของบางอย่างที่เป็น เชื่อมโยงไปยังแผ่นลักษณะที่ เพียงแค่ทำแบบอักษรของฉันที่ดีและใหญ่และหนา จึงไม่ต้องกังวลเกี่ยวกับการที่ 

เรามีร่างกายที่มีความบาง พื้นหลัง Id, OK? เพราะเรากำลังจะเป็น เปลี่ยนพื้นหลัง ดังนั้นเมื่อเรากำลังจะเปลี่ยน พื้นหลังของร่างกายของเรา เราจำจากสองสัปดาห์ที่ผ่านมา เมื่อเราจะจัดการกับหน้าเว็บ ดังนั้นที่ดีที่จะได้ว่า และเรามี Id บางเท่ากับพรรค อ้างอิงชั่วโมงปอนด์นี้ก็หมายความว่า มันจะไปที่หน้าเดียวกัน และคลิกที่นี่เพื่อจะปาร์ตี้ ซึ่งเป็นเหตุผลที่เมื่อเราคลิกมัน มันควรจะเปลี่ยนสี, โชคดี 

แล้วเรามีสคริปต์บางอย่างที่นี่ที่ มีการเชื่อมโยงเพียงเพื่อจุดพรรคนี้ JS ไฟล์ที่ว่างเปล่าเพราะ เราไม่ได้ทำอะไรเลย และมันน่าเศร้ามาก แต่เร็ว ๆ นี้ก็จะเปลี่ยน สีและมันจะเป็นที่น่ากลัว 

ดังนั้นฉันแค่จะเดินพวกคุณ ผ่านวิธีการที่เราจะเข้าใกล้นี้ ดังนั้นสิ่งแรกที่ เราอาจต้องการที่จะทำ ถ้าเรามีการเปลี่ยนแปลงพื้นหลังของ ร่างกายสิ่งแรกที่เราอาจต้องการ จะทำอย่างไรที่เป็นจริงคว้า สิ่งที่ร่างกายเป็นใช่มั้ย? ดังนั้นเราจึงต้องการที่จะมีผลรวมของเรา พื้นหลังและถ้าคุณสังเกตเห็น ฉันเพียงแค่โดยอัตโนมัติเพียงแค่เริ่มต้นการพิมพ์ ไม่มีอะไรพิเศษเป็นเรื่องที่เรา ต้องทำสำหรับไฟล์จาวาสคริปต์ของเรา ผมสามารถเริ่มต้นการประกาศตัวแปร และประกาศฟังก์ชั่นแบบสุ่ม และมันก็เป็นรูปแบบอื่น ๆ อีกมากมายฟรี มันเป็นเช่นเดียวกับซีเราให้คุณทุกคน กฎเหล่านี้ยากและคุณเติบโตขึ้น ดังนั้นเราชอบ "ออกไป เป็นอิสระ ทำในสิ่งที่คุณต้องการ ". และนั่นคือสิ่ง JavaScript เป็น ดังนั้นเราจึงมีพื้นฐานบางอย่างที่นี่ ด้วยรูปแบบ DOM ของเราเรารู้ว่าเรา สามารถทำเอกสารจุดรับองค์ประกอบ และถ้าเราสังเกตเห็นที่นี่ ร่างกายของเรามี Id ใช่มั้ย? ดังนั้นเราจึงสามารถจะได้รับเอกสารจาก Id และนี่คือง่ายๆ อะไร Id ของเราที่เราต้องการที่นี่? ผู้ชม: ประวัติความเป็นมา ALLISON Buchholtz-AU: ประวัติความเป็นมา สมบูรณ์ และอัฒภาคที่สิ้นสุด ที่ยังไม่ได้หายไปเลย คุณยังคงต้องอัฒภาคของคุณ ตกลง นั่นคือครั้งแรกของเรา และเมื่อเราคลิกที่บางสิ่งบางอย่างที่เรา ต้องการสิ่งที่จะเกิดขึ้นใช่ไหม? ดังนั้นเราอาจต้องการตัวแปรบาง ที่รอคอยสำหรับการคลิก สิ่งที่เรากำลังจะทำคือเรากำลังจะไป ทำให้การเชื่อมโยงของเรามากขึ้นคล้ายกับปุ่ม ดังนั้นเรากำลังจะมีปุ่มบางอย่างที่ เท่ากับเอกสารจุดรับองค์ประกอบตามหมายเลข และถ้าผมพูดถึง คลิกที่ลิงค์หรือคลิกที่นี่เพื่อปาร์ตี้ การเชื่อมโยงสิ่งที่ Id ของฉันอาจจะเป็นที่นี่? พรรค ถูกต้อง ตกลงไม่เลวร้ายเกินไปเพื่อให้ห่างไกล ทุกคนได้รับสิ่งที่เรากำลังทำอะไรอยู่? 

ตกลงดังนั้นตอนนี้เรามีของเรา ปุ่มและเราต้องการ สิ่งที่เปลี่ยนไปเมื่อเราคลิกที่มัน ดังนั้นหากเราจำได้จาก PowerPoint ของเรา สิ่งที่ง่ายมากที่เราสามารถทำได้ มีปุ่มเพียงจุด onclick ใช่มั้ย? และนั่นจะเท่ากับฟังก์ชั่นบางอย่าง นี้เป็นฟังก์ชั่นที่ไม่ระบุชื่อ และนี่เป็นเพียง as-- จริงฉัน จะทำให้เรื่องนี้ใหญ่กว่าเล็กน้อย 

ดังนั้นสิ่งที่ผมก็ไม่ได้ ที่นี่เป็นที่ที่ฉันพูด, OK, เมื่อเราคลิกที่ปุ่มของเราซึ่งเป็น การเชื่อมโยงนี้ว่าเราเพียงแค่อ้างถึง เราจะดำเนินการ ฟังก์ชั่นนี้ที่ไม่ระบุชื่อ เราไม่จำเป็นต้องปัจจัยการผลิตใด ๆ เราไม่ได้ดูแลสิ่งที่ผู้ใช้บอกว่า เมื่อพวกเขาคลิกที่มันเราไม่ จะทำสิ่งที่เราต้องการ ซึ่งเป็นเปลี่ยนสีพื้นหลัง OK? ดังนั้นที่ว่าทำไมเราไม่ได้มีปัจจัยการผลิตใด ๆ เราก็มีฟังก์ชั่นที่ไม่ระบุชื่อนี้ และตอนนี้เรากำลังจะจริง การเขียนฟังก์ชั่นนี้ 

ดังนั้นจึงมีพวงของวิธีการที่คุณ สามารถสร้างสีแบบสุ่ม วิธีการที่ผมทำก็คือการ สร้างสามตัวเลขสุ่ม และแปลงให้เป็นสาม RGB ดังนั้นเพียงแค่นี้แสดงให้คุณเห็นบางเย็น สิ่งที่ถ้าคุณต้องการ "โอ้ ฉันจำเป็นต้องใช้ในการสร้างแบบสุ่ม จำนวน. "ถ้าคุณ Googled มัน นี่คือสิ่งที่คุณจะพบ 

ดังนั้นเราจึงมีสามที่แตกต่างกัน สิ่ง var ไม่แดงอีกครั้ง, สีเขียว ใช่มั้ย? ดังนั้นผู้ที่มีสาม สิ่งที่ทำให้สี สีฟ้า, สีแดง, และสีเขียว เย็น และสิ่งที่เราสามารถทำได้คือการที่เรารู้ว่า ที่ต้องการจะอยู่ระหว่าง 255, และถ้าคุณมองขึ้นบางส่วน เครื่องกำเนิดไฟฟ้าจำนวนสุ่ม คุณจะได้รับบางสิ่งบางอย่างเช่นคณิตศาสตร์ จุดสุ่มซึ่งถ้าคุณมองนี้ขึ้น กลับไปยังหมายเลขที่บาง ระหว่างศูนย์และหนึ่ง OK? และสิ่งที่ทำตัวเลขของเรา อเนกประสงค์ RGB ไประหว่าง? ศูนย์และสิ่งที่? สิ่งที่พวกเขาสามารถไปถึง? 255 ดังนั้นถ้าคณิตศาสตร์จุดสุ่ม ไประหว่างศูนย์และหนึ่ง วิธีการที่เราอาจต้องการที่จะแปลงนี้หรือไม่? ผู้ชม: เวลา? ALLISON Buchholtz-AU: ใช่ว่า ดังนั้นครั้งคือ 255 

ผู้ชม: [ไม่ได้ยิน] มันเหมือน [ไม่ได้ยิน] ALLISON Buchholtz-AU: คณิตศาสตร์จุดสุ่ม ผู้ชม: เย็น ALLISON Buchholtz-AU: ใช่ จาวาสคริปต์ใช้เวลาเพียงดูแลคุณ ตกลง เพื่อให้เราสามารถทำเพื่อสิ่งเหล่านี้ ใช่มั้ย? คณิตศาสตร์จุดเวลาที่สุ่ม 255 คัดลอกที่ เย็น ดังนั้นสิ่งที่เป็นนี้อาจ ไม่กลับจำนวนเต็ม ใช่มั้ย? บางทีเราอาจจะได้รับหมายเลขบาง ระหว่างศูนย์และหนึ่ง และจะทำให้มันจะเล็กน้อย ออกและ RGBS ของเราไม่สามารถที่จะลอย พวกเขาจะต้อง ints ดังนั้นถ้าคุณพยายามนี้ก็อาจต้องการ มีบางพฤติกรรมที่ผิดปกติ มันจะเป็นความขี้ขลาดน้อย ดังนั้นสิ่งที่เราทำคือเราต้องการให้ แน่ใจว่าสิ่งเหล่านี้จะถูกปัดเศษ, และคุณสามารถรอบทางใดทางหนึ่ง ฉันโค้งมนด้วยพื้น ดังนั้นผมจึงมักจะทำให้แน่ใจว่า ว่ามันปัดลง แต่จะออกจากวิธีง่ายๆก็ เป็นเพียงแค่การได้รับจำนวนสุ่ม วิธีการทำคุณคิดว่าเรา อาจชั้นจำนวนนี้หรือไม่? มันคล้ายกันมาก ความคิดใด? ดังนั้นถ้าสุ่มเป็นเพียงจุดคณิตศาสตร์ สุ่มดังนั้นคุณคิดว่าเราควรจะทำชั้น? คณิตศาสตร์ชั้นจุด และคุณยังสามารถทำเพดานจุดคณิตศาสตร์ รอบเป็นชนิดของคลุมเครือ เพราะคุณทำไม่ได้ ทราบว่าจะปัดขึ้นหรือปัดลง ดังนั้นโดยทั่วไปเรามักจะทำคณิตศาสตร์ ชั้นจุดเพดานจุดคณิตศาสตร์ แต่ honestly-- 

ผู้ชม: ไม่รอบชั้นลง? 

ALLISON Buchholtz-AU: ชั้นรอบลง และนี่เป็นเพียงทางเลือกในส่วนของฉัน 

ดังนั้นตอนนี้เรามีสามตัวเลขของเรา ที่ได้รับการสร้างแบบสุ่ม และสิ่งที่เรากำลังจะทำในขณะนี้คือเรา เพียงแค่จะเปลี่ยนพื้นหลัง OK? ดังนั้นเรามีอยู่แล้วของเรา ชนิดของพื้นหลังที่เก็บไว้ ในองค์ประกอบที่เรียกว่าพื้นหลังนี้ ดังนั้นสิ่งที่คุณจะสังเกตเห็นคือถ้า คุณเล่นรอบกับเรื่องนี้ เราต้องการที่จะเปลี่ยนรูปแบบ และนี่คือชนิดของสิ่งที่ คุณจะ Google และคิดออก ชอบวิธีการเปลี่ยนสี 

แต่วิธีการที่คุณเข้าถึงสีนี้เป็น พื้นหลังพื้นหลังลายจุดจุด ดังนั้นนี่จะบอกให้ วัตถุนี้, พื้นหลัง, ซึ่งหมายถึงว่า องค์ประกอบ Id ไปอยู่ที่นั่น เรากำลังจะไปดูที่ รูปแบบภายในสไตล์ เรากำลังจะไปดูที่พื้นหลัง OK? และถ้าคุณไปและมองนี้ขึ้น ก็อาจทำให้ความรู้สึกเล็ก ๆ น้อย ๆ , แต่นี่เป็นเพียงการพูดว่า "ให้ฉันนี้แอตทริบิวต์ที่เฉพาะเจาะจงมาก สิ่งที่ผมได้กำหนดไว้ก่อนหน้านี้. " ดังนั้นสิ่งที่เรากำลังเปลี่ยนไปเป็น บาง RGB เพราะมันทำให้รู้สึก เรากำลังใช้อเนกประสงค์ RGB ใช่มั้ย? และเรา have-- ผมต้องการที่จะให้แน่ใจว่าฉัน ได้รับหมายเลขขวาของคำพูดที่นี่ ดังนั้นสิ่งที่เราทำคือการที่เรามี RGB และเรากำลังจะ to-- นี้เป็นเหมือน concatenation ซึ่งเป็นสีแดง แล้วเราต้องการบางจุลภาค แล้วเราต้องการบวกสีเขียว แล้วบางจุลภาคและบางสีฟ้า 

ดังนั้น pluses เหล่านี้เพียงแค่ หมายถึงชอบ concatenation ดังนั้นนี่เป็นเพียงแค่การสร้างนี้ สตริงที่เกิดภายใน RGB OK? 

ผู้ชม: [ไม่ได้ยิน] บวกแล้ว สีเขียวบวกสีแดงแล้ว 

ALLISON Buchholtz-AU: ใช่ เพราะผม messed ขึ้น ปรับหนึ่งว่า โอ้ยึดมั่นใน เลขที่ เพราะผมต้องให้แน่ใจว่า ที่ผมได้รับสิทธิทั้งหมดเหล่านี้ ดังนั้นผมจะอธิบายใน Uno Momento สีเขียว, สีฟ้า, ที่สมบูรณ์แบบ ตอนนี้ฉันทำ ผมเชื่อว่า 

ตกลง ดังนั้นสิ่งนี้จะเป็นพื้นหลังที่ เป็นไปได้ที่จะกำหนดให้สตริงบาง ใช่มั้ย? ซึ่งเป็นสิ่งที่เราได้ที่นี่ มันจะมีบาง RGB 255 จุลภาค 255 ศูนย์จุลภาคหรือสิ่งที่หมายเลขที่คุณ มีมี ดังนั้นเรากำลังทำอะไรอยู่ที่นี่ เรามีสตริงบาง และสิ่งที่เราต้องการจะทำคือเรา ชนิดของการสร้างแบบไดนามิก ว่าเมื่อเราจริงเรียกใช้โปรแกรมนี้ ดังนั้นนี่คือสตริงบาง พลัสเชื่อมกับ ค่าสีแดงที่มี ซึ่งเชื่อมกับ จุลภาคซึ่งเชื่อมมัน กับสิ่งที่เป็นสีเขียวและ อื่น ๆ และอื่น ๆ OK? จนท้ายสุดซึ่งเป็น ปิดวงเล็บของ RGB ที่นี่ OK? 

ดังนั้นสิ่งนี้เป็นไปได้ สร้างเป็นคำสั่งบางอย่างจริงๆ ที่เป็น RGB ของสามตัวเลข พื้นหลังที่มีการตั้งค่าในขณะนี้เพื่อ OK? ดังนั้นเรามาดูว่าการทำงานนี้ ฉันหวังว่ามันไม่เพราะถ้ามัน ไม่ได้ฉันจะเป็นจริงที่น่าเศร้า โอ้ไม่ ตกลงยึดมั่นใน พื้นหลังแน่นอน พื้นหลังลายจุดจุด แน่นอนฉันหายไป สิ่งเล็ก ๆ เพียงแค่ คุณไม่เกลียดคนที่? เมื่อมันเป็นเพียงความผิดพลาดเล็ก ๆ น้อย ๆ ขนาดเล็ก? พื้นหลังผู้ทรงอำนาจ RGB 

ผู้ชม: [ไม่ได้ยิน] ALLISON Buchholtz-AU: เลขที่ ฉันพยายามนี้ก่อนที่ชั้น ผมมีทุกอย่างที่ฉันทำมาก่อน ชั้นในกรณีที่ผมชอบ "รอผมทำอะไรผิดหรือเปล่า?" เพราะผมก็ชอบ "ผมอาจจะ ระเบียบนี้ขึ้นในบางจุด. " พลัสสีเขียว ทุกอย่างดูเหมือนว่ามัน ตัดแบ่งได้อย่างถูกต้อง ตกลง 

ผู้ชม: [ไม่ได้ยิน] 

ALLISON Buchholtz-AU: โอ้มีคุณไป นั่นคือสิ่งที่ฉันต้องการ ดูว่า ทิฟฟานี่ที่จะช่วยเหลือ สมบูรณ์ ตกลง ตอนนี้ขอดูว่าการทำงาน พระเจ้าช่วย ตกลง ยึดมั่นใน 

ผู้ชม: อวกาศหลังจากบวกที่สอง 

ALLISON Buchholtz-AU: ที่หนึ่ง? โอ้รอ, ยึดมั่นใน สวมใส่อวกาศ? 

ผู้ชม: สองบวกในการ concatenation สีเขียว ALLISON Buchholtz-AU: โอ้ ผู้ชม: มีพื้นที่ไม่ได้ หลังจากบวกใช่ ALLISON Buchholtz-AU: คุณ ไม่จำเป็นว่า but-- ผู้ชม: โอ้คุณทำไม่ได้? ALLISON Buchholtz-AU: มันดูสวย ผู้ชม: ตกลง ตกลง 

ALLISON Buchholtz ออสเตรเลีย: ลองดูว่าการทำงานนี้ ตกลง ฉันฉันเห็นได้ชัดที่ล้มเหลว การสาธิตนี้ซึ่งทำให้ผมนึกถึง การบรรยายสัปดาห์อื่น ๆ แต่ฉันรู้ว่านี้จะทำงาน ฉันรู้ว่านี้จะทำงาน เพื่อให้ใกล้เคียง เว้นแต่ว่าฉันจะลบโดยไม่ตั้งใจ สคริปต์ของฉันที่นี้ ไม่เป็นบุคคลที่ JS จุด ตกลงยึดมั่นใน ผมจะคัดลอกนี้และฉันยัง เพียงแค่จะลบทุกอย่าง เพราะผมมีการทำงานก่อนหน้านี้ 

ผมสัญญาว่าจะทำงานได้ ถ้าไม่ได้ผมจะแสดงสิ่งที่ทอมมี่เป็น และมี 

ผู้ชม: คุณกำลังอ้างอิงบุคคล จุด CSS และมันเป็นจุดบุคคล JS 

ALLISON Buchholtz-AU: อาดี ที่นี่เป็นฝ่าย JS จุด ตกลงทำอะไรที่แตกต่างกัน? ตกลงเราจะดูว่าการทำงานในตอนนี้ ปัง ดังนั้นผมไม่ทราบว่าสิ่งที่ฉันไม่แตกต่างกัน แต่นี่คือสิ่งที่ควรจะเกิดขึ้น Kinda เย็น ผมคลิกที่นี้เช่นตลอดไป แต่เราสามารถลองดูสิ่งที่ผมทำ ที่แตกต่างกันว่าคนนี้มี ผมไม่ทราบว่าเกี่ยวกับพวกคุณ แต่นี้ ลักษณะโดยทั่วไปสิ่งที่ฉันเพิ่งเขียน มีอาจจะเป็นขาดหายไป อัฒภาคที่ใดที่หนึ่งเป็นสิ่งที่ฉัน อันที่จริงหลังจากที่ผมคิดว่าผมหายไป อัฒภาคขวาที่นี่จริง แต่ผมไม่สามารถมองเห็นมันเพราะ มันก็ออกมานอกจอ 

แต่ถ้าเราสังเกตเห็นนี้สวย มากว่าสิ่งที่ฉันเพิ่งเขียน ผมคิดว่าน่าจะเป็นส่วนที่ยากที่สุดเกี่ยวกับ นี้เป็นเพียงชนิดของสิ่งนี้ขวา ที่นี่ความเข้าใจ สิ่งที่มันทำมี ประเภทนี้ของสิ่งที่คุณเรียนรู้ จริงๆเพียงแค่ Googling และตรงไปตรงมา เพียงแค่พยายามที่ ถ้าคุณคิดว่ามีบาง แอตทริบิวต์อาจมี ดังนั้นลอง ดูสิ่งที่เกิดขึ้น ที่ผมกล่าวว่ามีจำนวนมาก ทดลองกับ JavaScript, และ PHP และสิ่งที่ สิ่งและ CSS โดยเฉพาะอย่างยิ่ง นั่นเป็นเพียงความจริง วิธีที่จะเข้าใจมัน 

ตกลงดังนั้นหลังจากล้มเหลวกับบุคคลที่ JS จุดเรามีสองตัวเลือกอื่น ๆ เรามีนาฬิกาหรือทวิตเตอร์ พวกเขาทั้งสองที่น่าสนใจ อาจจะไม่ได้ค่อนข้างเป็นที่สนุกสนานเป็นบุคคลที่ ซึ่งเป็นจ้าเย็นเล็กน้อย สิ่งที่สิ้นสุด อย่าพวกคุณมีการตั้งค่าใด ๆ ผู้ชม: นาฬิกา? ALLISON Buchholtz-AU: นาฬิกา? ตกลง เย็น 

ดังนั้นอีกครั้งเรามีของเรา ไฟล์จาวาสคริปต์ที่ว่างเปล่า และในขณะที่เราเห็นที่นี่เรา มีบาง HTM​​L ง่ายมาก เรามีแผ่นรูปแบบของเราที่เพิ่ง รูปแบบสิ่งที่มันควรมีลักษณะดังนี้ เรามี div ของเราด้วย Id ของนาฬิกาซึ่ง เพียงกล่าวว่า "นี้ควรจะเป็นนาฬิกา." และเรามีการเชื่อมโยงของเรา ไปยังไฟล์จาวาสคริปต์ของเรา ที่จริงจะ สร้างนาฬิกาของเราเพื่อเรา เพราะสิ่งที่เย็นคือการที่คุณสามารถ ตั้ง JavaScript เพื่อการฟื้นฟูโดยอัตโนมัติ ตัวเอง OK? ดังนั้นแทนที่จะรอให้ ผู้ใช้สามารถกดรีเฟรชในหน้า เพื่อที่คุณจะได้รับ เวลาปรับปรุง JavaScript สามารถปรับปรุงมัน แต่มันชอบ 

ดังนั้นเช่นเดียวกับหนึ่งสุดท้ายของเราที่เราต้องการ ในการเข้าถึงพื้นหลังของเราใช่มั้ย? ดังนั้นสิ่งที่คุณคิดว่าอาจจะเป็น สิ่งแรกที่เราต้องการจะทำที่นี่? ถ้าเราชนิดของออกไป การเรียงลำดับของกระบวนทัศน์ที่นี่? เราอาจต้องการที่จะ เข้าถึงนาฬิกาของเราใช่มั้ย? ดังนั้นเรามี var บาง นาฬิกาซึ่ง equals-- ทำในสิ่งที่เราคิดว่ามันเป็นไปได้? เอกสารจุดรับองค์ประกอบคูณฉันยัง รัก Id Sublime-- และ Id ของเราคือนาฬิกา อัฒภาค เตรียมพร้อมเพื่อให้แน่ใจว่าจะได้รับ ผู้อัฒภาคเวลานี้ เพราะผมรู้สึกเหมือนว่า เป็นปัญหาที่เกิดขึ้นเป็นครั้งสุดท้าย OK เพื่อให้เป็นผมก็แค่พูดกับการพยายาม ที่จะมีการใช้งาน JavaScript ฟื้นฟูตัวเอง มีฟังก์ชั่นนี้ที่ยอดเยี่ยมผม รู้ว่ามันมาในปีที่ผ่านมาที่มีประโยชน์ ผมไม่แน่ใจว่ามันมีประโยชน์สำหรับการนี​​้ pset แต่ก็เรียกว่าช่วงเวลาชุด และนี่เป็นจริงจริงๆ เย็นถ้าพวกคุณจะทำอะไร มีเวลาหรือได้รับ ปรับปรุงข้อมูล บนเว็บไซต์สุดท้าย โครงการนี​​้น่าจะเป็น ฟังก์ชั่นที่คุณต้องการ รับซุปเปอร์คุ้นเคยกับ ดังนั้นสิ่งที่จะกำหนดช่วงคือ เราจะให้มันฟังก์ชั่น และความถี่ที่ควร เรียกใช้ฟังก์ชันนี้ OK? 

ดังนั้นในกรณีนี้เรากำลังจะ สร้างบางฟังก์ชั่นที่ไม่ระบุชื่ออีกครั้ง ตกลงที่จะได้รับ วันของเราและเวลาของเรา และแล้วสิ่งที่ปรับปรุงและแสดง ดังนั้นเราจะต้องกังวลเกี่ยวกับการที่ เราจะเป็นเหมือนการสร้างนาฬิกาที่นี่ แต่สิ่งที่เราต้องเป็นวิธีการที่ มักจะฟื้นฟูมัน ดังนั้นในกรณีนี้ก็เพียงมิลลิวินาที ดังนั้นเราจึงกำลังจะ ทำ 100 มิลลิวินาที แน่นอนโดยพลการอย่างสมบูรณ์ ถ้าคุณอยากให้มันปรับปรุง มากขึ้นช้าคุณจะทำได้ เราสามารถรับประทานอาหารรอบ กับช่วงเวลาที่ตั้งไว้ วิธีการใหญ่ช่วงของเราคือหลังจากที่เราได้รับ นาฬิกาทำงานซึ่งหวังว่าฉันจะ จะได้รับการ ดังนั้นนี่เป็นเพียงการพูดว่า "ต​​กลงโทร ฟังก์ชั่นนี้ทุก ๆ 100 มิลลิวินาที. " OK? นั่นคือทั้งหมดที่มันไม่ 

ดังนั้นสิ่งที่เราต้องการฟังก์ชั่นของเราที่จะ ทำคือเราต้องการที่จะมีวันที่บาง และบางครั้งเป็นสิ่งที่ เรากำลังจะมี ดังนั้นเราสามารถเริ่มต้นกับเรา วันเท่ากับบางสิ่งบางอย่าง และเวลาของเราเท่ากับบางสิ่งบางอย่าง ที่เรายังไม่รู้ หรือที่จริงเราก็ต้องวันเพราะ วันที่จะไปรวมทุกอย่าง อีกครั้งถ้าคุณเพียงแค่อะไรเกี่ยวกับ Google สิ่งที่คุณต้องการจะทำอย่างไรถ้าคุณเขียน "โอเค ผมต้องการที่จะได้รับเวลา ผ่านทางจาวาสคริปต์ "มัน ที่จะทำให้คุณยิ่งใหญ่นี้ ฟังก์ชั่นที่เรียกว่าวันที่ได้รับ แท้จริงสิ่งที่มากที่สุด ที่คุณต้องการจะทำ JavaScript เป็นไปได้ มันทำเพื่อคุณแล้ว ดังนั้นจึงเป็นตัวอักษรเหมือนใหม่ ได้รับวันซึ่งเป็น creating-- หรือวันที่ใหม่ rather-- ซึ่งคือการสร้าง วัตถุบางอย่างที่แสดงถึงวันที่ 

และสิ่งที่เรากำลังจะทำที่นี่ นี้ฉันเท่าไหร่ฉันจะเขียนนี้ แล้วอธิบายสิ่งที่มันไม่ ดังนั้นผมจะทำให้แน่ใจว่าผมได้รับสิทธินี้ 

ตกลงดังนั้นสิ่งที่ฟังก์ชั่นนี้ ไม่เป็นเราเป็นแค่ การสร้าง HTM​​L ที่เป็นจริง จะไปภายใน Id ของเรา div ของนาฬิกา ดังนั้นสิ่งนี้เป็นไปได้ทำ เป็นเพียงการสร้างสตริงบาง OK? นั่นคือแล้วจะเป็น ปลูกลงใน HTML ของเรา โดยทั่วไปสิ่งที่จะทำคือ สิ่งที่ we-- สิ่งที่ฉันจะแสดงให้คุณ นั่นคือสิ่งที่เราพูด HTML คือ เรากำลังจะแทนที่ข้อความที่นี่ กับสิ่งที่ HTML คือ ดังนั้นนี้เป็นไปเพื่อให้ เราเปลี่ยนจุดนาฬิกาของเรา HTML จากการเป็นเพียงข้อความนี้ ควรจะเป็นนาฬิกาปลุกที่จริงการแสดง ตัวเลขและสิ่งที่เราดูแล เกี่ยวกับและเป็นจริงโมง 

ดังนั้นสิ่งที่เรากำลังจะทำคือเรา จะเริ่มต้นการสร้าง HTM​​L นี้ ดังนั้นในทางเดียวกันกับที่เราใช้ ที่จะทำบวกเท่ากับสำหรับจำนวนเต็ม ตอนนี้คุณสามารถทำที่สำหรับสตริง ยกเว้นมันจะเชื่อมพวกเขา ใช่มั้ย? ขณะที่เราเห็นกับ JS จุดบุคคลเพียงแค่นี้ เชื่อมทุกสิ่งเหล่านี้ร่วมกัน เพื่อให้คุณสามารถเชื่อมบิตที่แตกต่างกันของ HTML จากตัวแปรหรือบิตของสตริง ที่คุณเขียนออกมา ตัวเองและเพียงแค่นี้ จริงๆช่วยให้คุณแบบไดนามิก สร้าง HTM​​L ซึ่งเป็นเย็นสวย ดังนั้นถ้าคุณมีบางสิ่งบางอย่าง ผู้ใช้มากเป็นที่เฉพาะเจาะจง นี้ช่วยให้คุณสามารถทำเช่นนั้นได้ 

ดังนั้นเราจึงมี HTML เพื่อที่ฉันจะ และพยายามให้แน่ใจว่าฉันได้รับสิทธินี้ ดังนั้นเรากำลังจะทำส่วนหัว h1 บาง ดังนั้นสิ่งสำคัญที่ต้องตระหนักถึงที่นี่ คือว่าเป็นจริงเพียง HTM​​L ใช่มั้ย? เราเขียนที่เกิดขึ้นจริง โค้ด HTML ในที่นี่ก็ ไม่ได้เป็นเพียงสตริงในปกติ วิธีการที่เราจะคิดเกี่ยวกับมัน ดังนั้นเราจึงมีบาง HTM​​L นี้ถือว่าเป็นสตริงที่นี่ว่า และเราจะทำวัน dot-- เรา ต้องการที่จะได้รับชั่วโมงของเรา อีกครั้งถ้าคุณได้ดู ขึ้นอะไรเกี่ยวกับวันที่ มันจะบอกคุณเหล่านี้ทั้งหมด แอตทริบิวต์ที่วันที่มี และนี่คือสิ่งที่คุณสามารถใช้กับมัน ดังนั้นจึงอาจจะมีสิ่งที่ต้องการ ได้รับชั่วโมงและได้รับนาที และได้รับวินาทีและได้รับมิลลิวินาที และผู้ที่รู้สิ่งอื่นที่พวกเขามี แต่ถ้าคุณมองเข้าไปใน เอกสารทั้งหมดจะมี 

ดังนั้นเราจึงมีได้รับชั่วโมง และจากนั้นเราจะต้องการ เพื่อเชื่อมที่ with-- ฉัน จะย้ายนี้มากกว่าที่นี่ ดังนั้นถ้าเรากำลังสร้างตอนนี้เราไม่ จริงสร้างเวลาใช่มั้ย? เรามีชั่วโมงและแล้วสิ่งที่เป็น ระหว่างชั่วโมงและนาที? คุณมีอัฒภาคใช่มั้ย? ดังนั้นเราจึงต้องการที่จะทำบางอย่างที่นี่อัฒภาค แล้วเราต้องการที่จะได้รับของเรา นาทีดังนั้นในทางเดียวกัน ว่าเรามีจุดที่ได้รับชั่วโมง วิธีการที่เราอาจได้รับนาทีของเราหรือไม่ มันเป็นตัวอักษรไว้เมื่อวันที่จุดรับ นาทีซึ่งชนิดของฉันชอบ มันเหมือน "โอ้ว่า ฉันจะได้รับนาทีของฉัน " ฉันเพิ่งได้รับนาทีของฉัน 

ตกลง แล้วเรามีลำไส้ใหญ่ที่นี่อีก แล้วถ้าเราต้องการที่จะได้รับของเรา วินาทีวิธีการที่เราอาจได้รับที่สองของเรา? จุดวันที่ได้รับวินาที ฉันคิดว่ามันสวยเย็น และสิ่งที่สำคัญคือการ ตระหนักคือว่าเรายัง จำเป็นต้องปิดแท็กของเราที่นี่เพราะ มันควรจะยังคงถูกต้อง HTM​​L ดังนั้น h1 เย็น 

ดังนั้นหลังจากที่เราสามารถทำนาฬิกา HTML ภายในจุดเท่ากับ HTML OK? ดังนั้นจำไว้ว่าที่ผมพูด HTML ภายในพื้น ต้องใช้สิ่งที่อยู่ระหว่าง สองแท็กที่เราได้พูดคุยเกี่ยวกับ และแทรกหรือปรุงแต่ง สิ่งที่อยู่ในที่นั่น? ดังนั้นสิ่งนี้ไม่หาก เรากลับไปนาฬิกาของเรา คือนาฬิกาหมายถึง ทุกอย่างภายใน div นี้ นี้เป็น HTML ภายใน ของ Id นาฬิกา div นี้ และมันก็จะเปลี่ยนไป HTML ที่เราเพิ่งสร้าง ซึ่งซึ่งหวังว่า หวังว่าหวังว่า จะแสดงเวลาที่เหมาะสมในขณะนี้ เราจะเห็น แน่นอน ดังนั้นปัญหาทางเทคนิคหลาย just-- แอลลิสันของฉัน ปิดเกมของฉันวันนี้พวก ตกลงที่ทำงาน นาฬิกาจุ​​ด HTML ภายใน มันเป็น HTML จริงเหรอ? นอกจากนี้เป็นสิ่งที่เกิดขึ้น เมื่อคุณไม่สามารถมองเห็นสิ่งที่คุณ เพียงแค่มองไปที่รหัสต้นฉบับของคุณ ตกลง คุณต้องการที่จะรู้ว่าการทำงานรอบเย็น ที่เรากำลังจะทำที่นี่? 

ผู้ชม: คุณสามารถทำตัวอักษร? ตัวอักษร? เพราะคุณต้องได้รับชั่วโมง แล้วได้รับนาที 

ALLISON Buchholtz-AU: มัน คือการได้รับชั่วโมงและ get-- โอ้ คุณ are-- ดาวทอง มันคือทั้งหมดที่ทดสอบพวก ผมสัญญาว่าจะเป็นคนที่ทำงานก่อนที่ชั้น 

OK แต่สิ่งที่เย็นรู้คือ ที่คุณสามารถ also-- ถ้าบางครั้ง ไฟล์ภายนอกของคุณ ได้รับน้อยบ้า, คุณยังสามารถเพียงแค่ใส่พวกเขาตรง ในที่นี่ซึ่งมีแนวโน้มที่จะแก้ไขสิ่งที่ ยกเว้นนี้เป็นเหมือนน่าเกลียดจริงๆ รูปแบบทุกอย่างแน่นอน ตรวจสอบให้แน่ใจว่ามันคือทั้งหมดที่สวย ตกลง 

ฉันอยากจะทำทุกสาธิตเย็น และพวกเขากำลังเพียงไม่ทำงานออก ตกลง สคริปต์นาฬิกา var ยังไงก็ตามสิ่งที่สำคัญคือ ว่านี่เป็นวิธีการทั่วไป ที่คุณจะจัดรูปแบบ JavaScript ที่คุณสามารถดูก็สามารถ จู้จี้จุกจิกมากบางครั้ง แม้ในขณะที่มันเป็นตัวอักษร ทำงานสองวินาทีที่ผ่านมา หรือไม่สองที่สองที่ผ่านมา แต่มากเมื่อเร็ว ๆ นี้ 

ดังนั้นเพื่อแสดงสิ่งที่มันควรจะมีลักษณะเหมือน และการแสดงให้เห็นว่าฉันไม่ได้บ้า และทุกอย่างที่เป็นสิ่ง เดียวกันนี้คือสิ่งที่มันควรมีลักษณะดังนี้ คุณกำลังจะทำเช่นนี้ส่วนบน ที่นี่และถ้าคุณดูแหล่งที่มาหน้า ถ้าคุณสังเกตเห็นเขาทำบางอย่าง สิ่ง crazier ผมมันง่าย นอกจากนี้เครดิตให้กับทอมมี่ McWilliam ที่จริง ช่วยให้ฉันสร้างตัวอย่างเหล่านี้ ซึ่งเป็นเหตุผลที่ฉันรู้ว่าพวกเขาทำงาน เพราะทอมมี่เป็นหลัก JavaScript แต่ถ้าเราสังเกตเห็นเรามีบางชุด เรามีฟังก์ชั่นนาฬิกาของเราที่นี่ นี่คือทั้งหมดที่ใช้งาน JavaScript ที่ เราเพียงแค่เขียนหรือบางส่วนของมัน เราเพียงแค่เขียนคนนี้ที่นี่ และเขาก็มีพิเศษ ฟังก์ชั่นที่เพิ่ง pads มัน โดยการวางศูนย์ก่อน ตัวอักษรหรือตัวเลขก่อนถ้ามัน เพียงหนึ่งของพวกเขา ดังนั้นถ้าคุณสังเกตเห็นนี้สวย มากว่าสิ่งที่เราเพิ่งเขียน คุณมีบางนาฬิกาตัวแปรที่ มีองค์ประกอบของเราได้รับองค์ประกอบโดยประชาชน ซึ่งเป็นนาฬิกา เรามีช่วงเวลาที่ตั้งของเรา ฟังก์ชั่นที่ ฟังก์ชั่นที่ไม่ระบุชื่อ ที่ดำเนินการทั้งหมดนี้ เราได้บางสตริงเริ่มต้นของ HTML ที่เราแล้วแบบไดนามิก สร้างโดยมีบางส่วน ส่วนหัว h1, เชื่อมโยง พร้อมกับได้รับชั่วโมงบวก ลำไส้ของเรารวมทั้งการได้รับ นาทีบวกอีก ลำไส้ใหญ่บวกวินาทีของเรา และในที่สุดก็ HTML สิ้นสุดลงสำหรับมัน แล้วเราปรับปรุงนาฬิกาของเรา จุด HTML ภายในเป็น HTML, และเราปรับปรุงทุก ๆ 100 มิลลิวินาที OK? 

ดูฉันสัญญาว่าฉันไม่ได้บ้า ฉันไม่รู้ ผมไม่ทราบว่าทำไมมันไม่ชอบฉัน ฉันรู้สึกเหมือนมีลักษณะเดียวกัน แต่เห็นได้ชัดว่ามันเกลียดฉัน 

ถ้าอย่างนั้นเรามาดูกันว่าในรอบสามไปดีกว่า เราจะได้เห็น ผมไม่แน่ใจว่าวิธีการนี​​้จะไป ทุกคนจะได้รับอย่างน้อย ข้อเสียเช่นเดียวกับรูปแบบทั่วไป ของ JavaScript แต่? ผมหวังว่าอย่างน้อยที่มีประโยชน์มากขึ้น กว่าแสดงให้เห็นว่ามันเป็นเรื่องเล็ก ๆ น้อย ๆ จู้จี้จุกจิก แต่ชุดปัญหาของคุณจะสนุกมาก มันเป็นไปได้ที่ดี มันจะไม่ได้ค่อนข้างเป็นที่น่าเบื่อ เช่นนี้ผมไม่คิดว่า จริงๆแล้วคุณจะได้รับ เห็นสิ่งที่เจ๋งจริงๆ 

ดังนั้นสุดท้าย แต่ไม่น้อย, เราจะพยายามทวิตเตอร์หนึ่ง ฉันกลัวจริงๆตอนนี้พวก ผมไม่ทราบว่าวิธีการนี​​้จะไป แต่เพียงเพื่อให้คุณเล็ก ๆ น้อย ๆ รสชาติมากขึ้นและนี้เป็นจริง การจัดการและสตริง ปัจจัยการผลิตสิ่งที่เรากำลังจะทำ คือถ้าเราสังเกตเห็นที่นี่กับ HTML-- หนึ่งนี้มีนิด ๆ หน่อย ๆ more-- เรามีพื้นที่ข้อความบางอย่างที่ สอดคล้องกับพื้นที่ข้อความที่นี่ OK? และที่มีรหัสของข้อความ เรา restyled มันนิด ๆ หน่อย ๆ ที่มีความกว้างและความสูงบาง ที่เราได้กำหนดไว้ และเราได้ h1, ซึ่งก็เป็นหนึ่งในหัวของเราที่ หมายถึงตัวละครของเราที่เหลือ เราได้ให้มันบาง Id ของ ตัวอักษรที่เหลือ แล้วเรามีสคริปต์บาง ที่นี่ซึ่งฉันจริงๆ หวังว่าครั้งที่สามของ เสน่ห์ของที่นี่ครับ 

ดังนั้นสิ่งที่เราต้องการจะทำ ในหลอดเลือดดำทั่วไปเดียวกัน ที่เราได้ทำด้วยจุดนาฬิกา JS และจุด JS บุคคลที่เราได้สังเกตเห็น คือเราได้เริ่มต้นโดยจริงโลภ สิ่งที่เราดูแลเกี่ยวกับใช่มั้ย? ดังนั้นในกรณีนี้มีสอง สิ่งที่เราดูแลเกี่ยวกับ OK? สิ่งหนึ่งที่เรากำลังจริงชนิดของ มองเข้าไปในข้อมูลและการวาดภาพจาก และสิ่งหนึ่งที่ เรากำลังเปลี่ยนแปลงจริง ดังนั้นจึงมี HTML ของเรา ถ้าเป็นหน้าเว็บของเราที่นี่ว่ามีอะไร ข้อมูลที่เรากำลังมองหาที่? มันจะเป็นอะไรก็ตาม ข้อความในกล่องของเราใช่มั้ย? ดังนั้นสิ่งที่ฉันพิมพ์ที่นี่ นั่นคือสิ่งที่ผมอยากจะทราบหรือ นั่นคือสิ่งที่ผมอยากจะมองไปที่ และสิ่งที่เป็นไปได้ การเปลี่ยนแปลงบนหน้าเว็บของเราหรือไม่ ตัวอักษรที่เหลือ ดังนั้นในทางเดียวกันเราต้องการ เริ่มต้นด้วยการเริ่มต้นตัวแปร ที่จริงถือเข้าองค์ประกอบเหล่านั้น OK? ดังนั้นหากเรามี var บาง ที่เป็นพื้นที่ข้อความของเรา และเรามี var ที่เหลืออยู่บางส่วน ใช่มั้ย? ดังนั้นเหล่านี้จะ ถือทั้งสองสิ่ง ดังนั้นเรียงกันของสิ่ง, เอกสาร dot-- ตกลงฉัน จะทำให้แน่ใจว่านี่คือ ไปทำงานในครั้งนี้ ผมยืนกรานมาก ตกลงดังนั้นถ้าเราต้องการของเรา พื้นที่ข้อความตาม เพื่อ HTML ของเราสิ่งที่ระบุของเราหรือไม่ Id ของเราคืออะไร? มันเป็นเพียงแค่จะเป็นเพราะข้อความ นี้จะสร้างพื้นที่ข้อความของเราตกลง และ Id ของเราคือข้อความเพื่อให้เป็น วิธีการที่เราสามารถคว้าสิ่งที่อยู่ในนั้น ตกลงอัฒภาค ฉันจะเป็นซุปเปอร์ ที่แม่นยำเกี่ยวกับเรื่องนี้ เพราะผมอยากให้เรื่องนี้ในการทำงานครั้งนี้ ตกลงทำในสิ่งเดียวกัน ได้รับองค์ประกอบตามหมายเลข ฉันสงสัยจริงๆสิ่งที่มี ก่อให้เกิดอีกสองที่จะเลอะ OK แล้วในหนึ่งนี้ สิ่งที่เราต้องการเข้าถึง? อะไร Id ของเราที่นี่? เรามี Id อีก HTML ของเรามันคืออะไร? ผู้ชม: อักขระที่เหลือ ALLISON Buchholtz-AU: อักขระที่เหลือ 

ตกลง เย็น ดังนั้นฉันแค่ไป เขียนนี้อย่างรวดเร็วจริงๆ ฉันแค่จะเขียนนี้ในครั้งที่สอง พื้นที่ข้อความดังนั้น มีอะไรที่น่าสนใจคือมีฟังก์ชัน B จำนวนมากของฟังก์ชั่นที่ไม่เพียง แต่ ตรงกับของคุณ เมาส์ แต่แป้นพิมพ์ของคุณ OK? เพื่อให้คุณสามารถพูดได้เมื่อคีย์ใด ๆ ขึ้นคุณสามารถทำสิ่งที่ต้องการที่ ดังนั้นหนึ่งที่เรากำลังใช้ ถูกเรียกบนคีย์ขึ้นซึ่ง กล่าวว่า "ถ้าคุณกดคีย์ใด ๆ แป้นพิมพ์ของคุณเมื่อผู้ได้ยก นิ้วมือข​​องพวกเขาออกปุ่มนั้น และที่สำคัญได้กลายเป็น unpressed, แล้วเรากำลังจะทำบางสิ่งบางอย่าง. " OK? ดังนั้นนี้ทำให้รู้สึกใช่มั้ย? เพราะตัวละครทุกตัว เราพิมพ์เราจะ ต้องยกนิ้วของเราออก ของมันดังนั้นเมื่อคีย์ขึ้นไป เราสามารถทราบว่าจะพร่อง ตัวละครของเราที่เหลืออยู่ 

ดังนั้นเราจึงมีบางอย่างเกี่ยวกับที่สำคัญ ขึ้นและในทางเดียวกัน เรากำลังจะบอกว่า "OK เมื่อเราทำอย่างนั้นเรา กำลังจะสร้างฟังก์ชั่นบางอย่างที่ จะใช้อี "ในกรณีนี้ และสิ่งที่เราต้องการจะทำคือ คำนวณจำนวนที่เหลืออยู่ ตกลงจึงขอเพียงแค่เริ่มต้น โดยการสร้างตัวแปร ดังนั้นเราจึงมีบาง R ตัวแปร ที่จะเป็นตัวแทน จำนวนตัวอักษรที่เรามีเหลือ OK? เรารู้ว่าเราเริ่มต้นด้วย 140 และถ้าเราต้องการที่จะรู้ว่า สมมุติว่าความยาวของนี้ สตริงที่ได้รับการป้อนข้อมูล พวกคุณจะมีความคิดใด ๆ วิธีการที่เราจะทำเช่นนั้น? ขึ้นอยู่เพียงแค่ออกจากที่เห็นได้ชัด สิ่งเช่นถ้าเราต้องการชั่วโมง เราใช้รับชั่วโมง เรารู้ว่าวัตถุของเราคือ พื้นที่ข้อความ แต่คุณสามารถทำได้คน คิดว่าสิ่งที่อาจจะมาหลังจากที่มันได้หรือไม่ ความคิดใด? 

ดังนั้นชนิดหนึ่งนี้น้อย ใช้งานง่าย แต่ก็มีความยาวจุดมูลค่า ดังนั้นเพียงแค่ให้ฉันบาง แอตทริบิวต์ค่าที่ เป็นจริงความยาวของสายนี้ ดังนั้นก็จะพูดว่า "ต​​กลงฉันกำลังมองหา ที่นี้สตริงทั้งหมดในพื้นที่ข้อความ และฉันจะบอก คุณนานแค่ไหนมันเป็น. " เพราะถ้าเราจำสตริง เป็นเพียงจริงๆอาร์เรย์ ดังนั้นเราก็สามารถใช้ความยาวของพวกเขา ดังนั้นเราจึงมีว่า เย็น 

แล้วสิ่งที่เราต้องการจะทำคือเรา ไม่เคยต้องการที่จะช่วยให้ผู้ใช้ ที่จะใส่มากกว่า 140 ตัวอักษรใช่มั้ย? เพราะถ้าเราพูดว่า "โอ้คุณ เพียง แต่มีมากขนาดนี้ที่เหลืออยู่ " แล้วปล่อยให้พวกเขาทำอย่างนั้น anyways เราได้รับการโกหก และนี่ก็เป็นอีกหนึ่ง สิ่งที่ใช้งาน JavaScript สามารถที่ดีจริงๆ สำหรับผู้ใช้ที่มีการตรวจสอบ และให้แน่ใจว่าคุณ เหมาะกับผู้ใช้ที่อยู่ในกฎระเบียบใด ๆ ที่คุณได้ให้แก่พวกเขา ดังนั้นหากคุณต้องการที่จะทำสิ่งที่ชอบทำ แน่ใจว่าคนใส่ที่อยู่อีเมลของพวกเขา หรือการทำให้แน่ใจว่าเมื่อพวกเขา ป้อนรหัสผ่านที่สองพวกเขาจับคู่ JavaScript สามารถทำเช่นนั้น คุณจะทำอะไรบางอย่างเช่น "เมื่อ การส่งแบบฟอร์ม "หรือเหมือน "เมื่อส่งแบบฟอร์มปุ่มคือ คลิกตรวจสอบสิ่งเหล่านี้. " และเราสามารถทำเช่นนั้น JavaScript ดังนั้นนั่นคือสิ่งที่ ที่เรากำลังจะทำที่นี่ 

ดังนั้นสิ่งที่อาจจะมีวิธีการตรวจสอบว่า พวกเขาได้ไปกว่า 140 ตัวอักษร? สิ่งที่จะเกิดขึ้นกับ ค่าของเรา R ถ้าพวกเขาลอง? มันจะเป็นลบใช่มั้ย? หรือมันเป็นไปได้น้อย มากกว่าหรือเท่ากับศูนย์ ดังนั้นเราจึงสามารถใช้ถ้าเป็น เช่นเดียวกับทุกอย่างอื่น OK? และเรามีจุดพื้นที่ข้อความบางส่วน ค่านิยมและสิ่งที่เรากำลังทำอะไรที่นี่ คือเราเพิ่ง cutting-- มันคืออะไร? ขอโทษ อันนี้เราก็ต้องการที่จะกลับเท็จ ผมสับสน Frazzled ทั้งหมดจากสิ่งที่ไม่ได้ทำงาน ตกลงเราเพียงต้องการที่จะ กลับเท็จและจากนั้นเรา ต้องการแสดง อักขระที่เหลืออยู่ใช่มั้ย? ดังนั้นด้วยนาฬิกาที่เราทำ บางสิ่งบางอย่างกับ HTML ด้านขวา? ที่เราตั้งค่าเท่ากับบาง ตัวแปรดังนั้นสิ่งที่เราอาจจะทำที่นี่? เรามีอะไรที่เปลี่ยนแปลงภายในของ HTM​​L? 

ผู้ชม: ที่เหลืออยู่? 

ALLISON Buchholtz-AU: เรากำลังจะเปลี่ยนที่เหลือ สิทธิทั้งหมดและสิ่งที่เราทำ ต้องการที่จะตั้งค่าเท่ากับ? มันจะเป็น R เนื่องจากว่า ควรจะเป็นตัวละครของเราที่เหลืออยู่ OK? ดังนั้นฉันจริงๆประสาทเพื่อดูว่า งานนี้ตอนนี้ แต่เราจะเห็น ออกจากนี้ นั่นเป็นอย่างรวดเร็วจริงๆ [ไม่ได้ยิน] ตกลง อีกครั้งฉันแค่จะแสดงให้คุณ สำหรับเหตุผลใด เหมืองตัดสินใจที่จะไม่ทำงาน แต่สิ่งที่ฉันจะแสดงให้คุณอยู่ที่นี้ เท่าไหร่โอ้ผมควรที่จะนำว่าใน ตกลงเราสังเกตเห็นแบบเดียวกับที่ สิ่งที่นี่ได้รับพื้นที่ข้อความ 

นอกจากนี้ถ้าคุณแจ้งให้ทราบล่วงหน้าผู้ชายถ้ามี เคยสิ่งที่คุณต้องการจะทำ และคุณไม่ทราบวิธีการทำ มันเพียงแค่คลิกดูแหล่งที่มา, และพวกเขากำลังจะบอกคุณ บางครั้งก็จะได้รับการเข้ารหัส สำหรับ pset ของคุณเราเข้ารหัสทุกอย่าง ดังนั้นมันก็ดูเหมือนว่าพูดพล่อยๆ แต่ถ้ามีเคยจริงๆ เว็บไซต์เย็นที่คุณต้องการ ถ้าคุณเพียงแค่คลิกดูแหล่งที่มา, มันจะบอกคุณว่าจะทำมัน ดังนั้นอีกครั้งทำงานอย่างชาญฉลาดไม่ยาก และในขณะที่คุณดูที่นี่ทั้งหมด สิ่งเหล่านี้จะเหมือนกัน คนนี้ที่นี่ใช้เวลาเพียงย่อยบางส่วน นั้นผมลืมว่าสิ่งนี้จะ แต่ก็เห็นได้ชัดว่าจะใช้เวลาย่อยบางส่วน ของมูลค่าจากศูนย์ถึงสิบ และผลตอบแทนที่ผิดพลาดในสิ่งที่ควรจะหยุด ผู้ใช้จากการป้อนอีกต่อไป แล้วเห็นได้ชัดว่าการปรับปรุง HTML ภายในมี 

เย็น ขนาดใหญ่ดังนั้นสิ่งที่ได้ใช้เวลาตั้งแต่วันนี้ ทดลองดูซอร์สโค้ด เพราะมันจะช่วยให้คุณมาก และทุกคนบางครั้ง JavaScript ยากที่จะทำงานด้วยและไม่ได้ เคยทำงานในแบบที่คุณคาดหวังให้, แต่เพียงให้พยายาม เพราะผมสัญญาว่ามันจะ ฉันสัญญาว่าทุกตัวอย่างเหล่านี้ มีการทำงานก่อนที่ชั้น ฉันไม่เข้าใจสิ่งที่เกิดขึ้น แท้จริงฉันมีทุกอย่างเหมือนกัน 

อีกสิ่งหนึ่งที่ผมเพียงต้องการที่จะ แสดงว่าพวกคุณที่จะมีประโยชน์สุด เป็น in-- สิ่งที่ทำงานมาก่อนหรือไม่ เรามีบุคคลที่ไปทำงานไม่ได้เรา? ผมคิดอย่างนั้น ใช่ เราได้ น่ากลัว ตกลงดังนั้นสิ่งหนึ่งที่ พวกคุณควรรู้ เป็นบันทึกของคอนโซลที่ฉันพูดคุยเกี่ยวกับ ดังนั้นปลอบล็อกจุดของสวัสดี ดังนั้นนี้เป็นชนิดของ JavaScript เทียบเท่า printf ดังนั้นหากคุณเคยต้องการที่จะ ตรวจสอบตัวแปรของคุณ หรือดูสิ่งที่เกิดขึ้นมีอะไร คุณสามารถทำได้คือถ้าเราตรวจสอบองค์ประกอบ คือสิ่งที่คุณต้องการจะไป ไปและคุณจะไปเพื่อปลอบใจ, คุณจะเห็นว่ามันพิมพ์สวัสดี 

ดังนั้นเราจึงสามารถมีได้ พิมพ์สิ่งที่เราต้องการ ถ้าเราอยากให้มันพิมพ์พื้นหลัง พื้นหลังจุดลายจุด, เราควรจะสามารถที่จะเห็น RGB สามที่เกิดขึ้น หรือไม่ รับรองได้เลยว่าวิธีการที่คุณ พิมพ์ตัวแปรเช่นนั้น แต่คุณควรจะสามารถที่จะ พิมพ์สิ่งที่ต้องการที่ ที่จะเป็นประโยชน์มาก สำหรับ pset ของคุณเมื่อ คุณกำลังพยายามที่จะจัดการกับ พิกัดหรือ whatnot ดังนั้นพวกเขาจึงยังเปลี่ยนชิ้นส่วนในชั้นนี้ ซึ่งแตกต่างจากปีที่ผ่านมาดังนั้น เพียงแค่เป็นที่ดีที่จะ TFS คุณหรือ TFS ที่เวลาทำงานค่อนข้างเพราะเรา ชนิดของการเรียนรู้พร้อมกับพวกคุณ แต่คอนโซลบันทึกเป็นซุปเปอร์ซุปเปอร์ เป็นประโยชน์สำหรับการใช้งาน JavaScript ปีที่ผ่านมา ดังนั้นรักมัน เรียนรู้วิธีการที่จะใช้มัน มันง่ายกว่าที่จะใช้ GDB เพื่อให้ ควรมีอย่างน้อยจุดบวก แต่ขอขอบคุณพวกคุณแบกรับกับฉัน ฉันขอโทษที่ฉัน ตัวอย่างด้วยเหตุผลบางอย่าง ก็ไม่ได้ต้องการที่จะ ให้ความร่วมมือกับฉัน แต่ฉัน หวังว่ามันจะช่วยชนิดของคุณได้รับ เล็ก ๆ น้อย ๆ มากขึ้นในเขตของ JavaScript และส่งคำถามของคุณสำหรับทุก สัปดาห์ถัดไปดังนั้นผมจึงสามารถซ่อมแซมซุปเปอร์ และฉันจะนำขนมและแม้พิเศษ ลูกอมเพราะนี่เป็นเรื่องน่าขัน แต่พวกคุณที่ดี และมีความน่ากลัวสัปดาห์