script.js

// Write your code here 

// fetch()
//  .then(res => res.json())
//  .then(data => console.log(data))

document.getElementById("mybtn").addEventListener("click",function()
        {
            var mybox=document.getElementById("Resturant Menu");
            if(mybox.style.display=="none")
            {
                mybox  .style.display="block";
            }
            else
            {
                mybox.style.display="none"
            }
        })
    


function myFunction() {
    var x = document.createElement("FORM");
    var t = document.createTextNode("Click me");
    x.appendChild(t);
    document.body.appendChild(x);
    alert("Please wait for 20 minutes")
  }

const star = document.querySelector(".stars a")
const stars = document.querySelectorAll(".stars a")

stars.forEach((star, clickedIdx) => {
    star.addEventListener("click", () => {
        star.classList.add("disabled")
        stars.forEach((otherStar, otherIdx) => {
            if (otherIdx <= clickedIdx){
                otherStar.classList.add("active")
            }
        })
        console.log(`star of index ${idx +1} was clicked`);

    })
})

const myform = document.getElementById("myform")


myform.addEventListener("submit", (e) => {
    e.preventDefault()

    console.log("form has been submitted")
})