index.html

<!DOCTYPE html>
<html lang="AR">

<head>
    <meta charset="UTF-8">
    <title> MY COURSE </title>

    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Tangerine">


</head>

<body dir="rtl">
  
    <a href="https://www.SmarterASP.NET/index?r=orabi2012">
        <img src="https://www.SmarterASP.NET/affiliate/728X90.gif">
        </a>


    <div class="topnav">
        <a id = 'Home' class="active" href="/notes.html">الرئيسية</a>
        <a href="#aboutUs">من نحن</a>
        <a href="#About">عن الدورة</a>
        <a href="#contactUs">تواصل معنا</a>
      </div>
      
    
      <img class = "cssimg"src="/img/css.png" alt="css">


<div class = "container">
      <div class="btn"> visit us </div>
    </div>


    <script>
let text = document.querySelector('#Home');
console.log(text)

text.innerText = 'orabi'
text.style.color = "red"

    </script>
</body>

</html>