I need to make buttons work and dont know how

[bobi9998]

So i have this code here:

    let submitButton = document.querySelector("#btn");
    let myAddList = document.querySelector("#addList");
    
    submitButton.addEventListener("click", submitFunction);
     function submitFunction(){

        let getName = document.querySelector("#firstName").value;
        let getLastName = document.querySelector("#lastName").value;
        let getNumber1 = document.querySelector("#number1").value;
        let getNumber2 = document.querySelector("#number2").value;
        let getNumber3 = document.querySelector("#number3").value;
        let getDate = document.querySelector("#date").value;
        let getID = document.querySelector("#id").value;

    
        
            myAddList.innerHTML += "<li style='list-style:none'>Name: "+getName+"<br> "+ "Last name: " + getLastName +
             "<br>" + "Phone number: " + getNumber1 + " " + getNumber2 + " " + getNumber3 + "<br>" + "Birth date: " + getDate + "<br>"
             + "ID: " + getID + "<br>" + "<button id='accept'  >Accept</<button>" + 
              "<button id='denied'>Denied</button>" + "</li>";
           
      
                
        document.querySelector("#form").reset();
    }

which lets me add student info with one button. Now the thing is that every new student list has to have 2 buttons accept and denied which are only visible if i hover onto the particular list of students.How can i make that work?

[dev7060]

Now the thing is that every new student list has to have 2 buttons accept and denied which are only visible if i hover onto the particular list of students.How can i make that work?

You may use hover pseudo-class and toggle the visibility using the display property.