Hiding and Showing an HTML Element with JavaScript (Clip 16): Gentle Introduction to JavaScript

Опубликовано: 02 Октябрь 2024
на канале: Deborah Kurata
843
30

Ever play hide and seek? With JavaScript, we can hide our elements, and later reveal them based on an action. CSS has a style property called display. We can use display to hide or show our elements.

We hide and show an element with JavaScript. And finish up our number guessing game by resetting when the user clicks the Play again button.

Lesson Links
Find the full course playlist here:    • Gentle Introduction to JavaScript  

"HTML DOM Style Object" on W3Schools: https://www.w3schools.com/jsref/dom_o...

Code for this course: https://github.com/DeborahK/Gentle-In...

Content
00:00 Hiding and showing an HTML element with JavaScript
01:24 Coding Along: Hiding and showing elements
04:25 Demo: Resetting the game
08:11 Key points

Audience
• Anyone new to JavaScript.
• Existing developers that use JavaScript, and want to understand more about its syntax and how to use it on the web.
• Students considering a programming or web development career.
• Creatives that want a give their web pages some interactivity.
• Those that manage or interact with web developers to better understand what JavaScript is and how it is used.

This is the sixth and final course of the "How to Become a Web Developer" series.

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
😊About Me
Hey! I'm Deborah Kurata
I'm a software developer and YouTube content creator. I speak at conferences such as VS Live and ng-conf. I write articles for freeCodeCamp. And I'm a Pluralsight author with courses in the top 10 most popular (out of 10,000+) over the past 5 years. For my work in support of software developers, I've been recognized with the Microsoft Most Valuable Professional (MVP) award, and I'm a Google Developer Expert (GDE).

View my YouTube content:    / @deborah_kurata  
Contact me on Twitter:   / deborahkurata  
Find my Pluralsight courses: https://www.pluralsight.com/profile/a...
Access my freeCodeCamp articles: https://www.freecodecamp.org/news/aut...

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#hideelementjavascript #showelementjavascript #javascript #javascripttutorial #javascriptcourse #javascriptprojects #javascriptproject #introductiontojavascript #learnjavascript #javascriptinthebrowser #kurata #beginners #code #learntocode #gettingstarted #programming #programmingbasics #programmer #learnprogramming #learnprogrammingonyoutube #development #developer