diff --git a/savethedate.html b/savethedate.html index d49a03f..66026ca 100644 --- a/savethedate.html +++ b/savethedate.html @@ -83,17 +83,69 @@ var attendeesList = document.getElementById("attendeesList"); for(var i = 0; i < names.length; i++){ + + //Name var para = document.createElement("p"); var node = document.createTextNode(names[i]); var br = document.createElement("br"); para.appendChild(node); + //Yes Radio button + var yesInput = document.createElement("input"); + yesInput.setAttribute('type',"radio"); + yesInput.setAttribute('name', names[i]); + yesInput.setAttribute('value', "yes"); + yesInput.setAttribute('onClick', "checkAttendees()"); + yesInput.innerHTML = "yes"; + + var yesLabel = document.createElement("label"); + yesLabel.setAttribute('for', names[i]); + yesLabel.innerHTML = "yes"; + + //No Radio button + var noInput = document.createElement("input"); + noInput.setAttribute('type',"radio"); + noInput.setAttribute('name', names[i]); + noInput.setAttribute('value', "no"); + noInput.setAttribute('onClick', "checkAttendees()"); + noInput.innerHTML = "no"; + + var noLabel = document.createElement("label"); + noLabel.setAttribute('for', names[i]); + noLabel.innerHTML = "no"; + attendeesList.appendChild(para); attendeesList.appendChild(br); + attendeesList.appendChild(yesInput); + attendeesList.appendChild(yesLabel); + attendeesList.appendChild(br); + attendeesList.appendChild(noInput); + attendeesList.appendChild(noLabel); + attendeesList.appendChild(br); } + var details = document.getElementById("details"); + for(var i = 0; i < names.length; i++){ + var br = document.createElement("br"); -//set number songs + var songInput = document.createElement("input"); + songInput.setAttribute('type', "text"); + songInput.setAttribute('value', ""); + songInput.setAttribute('placeholder', "song"); + songInput.setAttribute('id', "song"+i); + songInput.setAttribute('class', "input-box song"); + + var artistInput = document.createElement("input"); + artistInput.setAttribute('type', "text"); + artistInput.setAttribute('value', ""); + artistInput.setAttribute('placeholder', "artist"); + artistInput.setAttribute('id', "artist"+i); + artistInput.setAttribute('class', "input-box song"); + + details.appendChild(songInput); + details.appendChild(artistInput); + details.appendChild(br); + } closeModal("myNav"); disableAll(); @@ -257,24 +309,8 @@