4 - querySelector or How to Select an Element in JS (innerHTML in JavaScript) | JS lessons

Task 1.

Output your name to the console.

Task 2.

Output the number of the month you were born in to the console. Explore the difference between outputting a number and a string.

Task 3.

Output the following string to the console:

'Welcome' + ' to the ' + 'course'

Task 4.

Using console.log, output the number 2026. After running the code, comment it out so it doesn’t interfere with further development.

Task 5.

Using console.log, output the result of the operation:

2026 - 200

Task 6.

Create a div with class="one" on the page. Using document.querySelector, insert the text 'Hello World' into this element.

Task 7.

Create a div with class="two" on the page. Using document.querySelector, insert the result of 12 multiplied by 12 into this element. Use the asterisk (*) operator for multiplication.

Task 8.

Create a div with class="three". Using document.querySelector, insert the text 'Hello World' into this element.

Task 9.

Create the following markup on the page:

<h2>Hello <span>everyone</span></h2>

Hello everyone

Using querySelector, replace the text "everyone" with "world".

Task 10.

Create an empty button with class="fore". Using querySelector, insert an h3 heading with any text inside the button.