Let's work on improving our commenting skills by practicing with some code.

# Task
Comment the **second** and the **fifth** lines of code.

console.log("line 1");
___ console.log("line 2");
console.log("line 3");
console.log("line 4");
___ console.log("line 5");

<button
  type="button"
  onclick="handleTempHint('hint-temp')"
  id="hint-temp"
  style="text-align: center;margin: 0px 10px 5px 0px;padding: 4px;border-radius: 15px;border: 3px solid #36445c;color: #000;background-color: #f4f4f4;cursor: pointer;font-size: 18px;width: 80px;"
>Hint</button>

<button
  type="button"
  onclick="handleTempHint('sol-temp')"
  id="sol-temp"
  style="text-align: center;margin: 0px 10px 5px 0px;padding: 4px;border-radius: 15px;border: 3px solid #ff8a00;color: #000;background-color: #f4f4f4;cursor: pointer;font-size: 18px;width: 90px;">Solution</button>

<script>
  window.onload=function() {
        var hint = document.getElementById("sol-temp").parentElement.parentElement.parentElement.parentElement.nextElementSibling;
        var sol = hint.nextElementSibling;
        hint.style.display = "none";
        sol.style.display = "none";
        hint.firstElementChild.firstElementChild.style.cssText = `
background-color:white; border-radius:15px; border:1px solid lightgray;
`;
    };
    
  function handleTempHint(text) {
    if (text == "hint-temp") {
      var this_content = document.getElementById("sol-temp").parentElement.parentElement.parentElement.parentElement.nextElementSibling;
      var other_content = document.getElementById("sol-temp").parentElement.parentElement.parentElement.parentElement.nextElementSibling.nextElementSibling;
      var this_button = document.getElementById("hint-temp");
      var color = "#36445c";
      var other_text = "sol-temp";
    } else {
      var other_content = document.getElementById("sol-temp").parentElement.parentElement.parentElement.parentElement.nextElementSibling;
      var this_content = document.getElementById("sol-temp").parentElement.parentElement.parentElement.parentElement.nextElementSibling.nextElementSibling;
      var this_button = document.getElementById("sol-temp");
      var color = "#ff8a00";
      var other_text = "hint-temp";
    }

    if (this_content.style.display == "block") {
      this_content.style.display = "none";
      this_button.style.color = "black";
      this_button.style.backgroundColor = "#f4f4f4";
    } else if (this_content.style.display == "none" && other_content.style.display == "block"){
      handleTempHint(other_text)
      this_content.style.display = "block";
      this_button.style.color = "white";
      this_button.style.backgroundColor = color;
    } else {
      this_content.style.display = "block";
      this_button.style.color = "white";
      this_button.style.backgroundColor = color;
    }
  }
</script>

```javascript
console.log("line 1");
// console.log("line 2");
console.log("line 3");
console.log("line 4");
// console.log("line 5");
```

Our first section will introduce you to JavaScript and explore its syntax. This initial step will give you a fundamental understanding of JavaScript's syntax, setting the stage for more in-depth learning in subsequent sections.

We'll dive into the essential data types that JavaScript operates with. We'll begin by distinguishing between literals and variables and then explore the diverse range of data types used in JavaScript. This knowledge will form a solid foundation for your journey into JavaScript.

We're acquainted with the various data types. It's time to roll up our sleeves and learn how to manipulate them. In this third section, we'll explore the operations that can be performed with each data type, equipping you with practical skills to work effectively with JavaScript's data structures.

Delve into the art of controlling the flow of execution in JavaScript. It's a powerful skill that enables us to instruct the interpreter precisely on how to behave under various conditions. You'll gain the ability to orchestrate your code's behavior.

Uncover the code optimization through the use of loops. Loops allow us to streamline our code by performing repetitive actions efficiently. We'll delve into JavaScript's different types of loops and discover how to wield their power effectively. 

Unlock the potential of functions as essential tools for crafting simple yet powerful programs. You'll master creating and utilizing functions, empowering you to simplify your coding endeavors and enhance your problem-solving skills.

Introduction to JavaScript

Challenge: Single-line Comment

Task