Writing to an HTML Element with JavaScript (Clip 15): Gentle Introduction to JavaScript

There are several ways to write to an HTML element with JavaScript: innerHTML, innerText, textContent, and value. We demonstrate how to write HTML to the page. We also look at JavaScript template literals.

*Lesson Links*

*Content*
00:00 Writing to an HTML element with JavaScript
00:10 Coding Along: Writing to an HTML element
00:34 Demo: Creating the HTML element
01:12 Demo: Finding the HTML element
01:43 Properties to read or write element content
01:57 Demo: Writing to the innerHTML property
02:41 Demo: Viewing the DOM changes with the Elements tab
03:00 Demo: Appending text (+=)
04:23 Template literals
05:13 Coding Along: Template literals
06:14 Demo: Adding hint logic to the game
07:14 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).

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
#getelementbyid #getelementbyidjavascript #innerhtmljavascript #stringsinjavascript #templateliteral #javaScript #javascripttutorial #javascriptcourse #javascriptprojects #javascriptproject #introductiontojavascript #learnjavascript #javascriptinthebrowser #kurata #beginners #code #learntocode #gettingstarted #programming #programmingbasics #programmer #learnprogramming #learnprogrammingonyoutube #development #developer