let clickedButton = event.target
event.parent
clickedButton.newP.innerHTML = hour_format + " :" + min_format +" : " + sec_format; }
//"create div" button with click events let initial = document.getElementById("test"); initial.addEventListener("click", newPElement); let myTextArea = document.getElementById("textArea"); let newP; //function that creates a P function newPElement(){ newP = document.createElement("p"); newP.classList.add("myFont"); newP.innerHTML = "00:00:00"; myTextArea.appendChild(newP); let start = document.createElement("button"); start.innerText = "START"; start.addEventListener("click",function(e){ timer = setInterval(startTimer, 1000) }) myTextArea.appendChild(start); } function startTimer(e) { sec++; if(sec === 60){ sec === 0 min++; } if (min === 60){ min === 0; hour++; } displayTime(e) } //Global variables for the timer function let timer; let sec = 0; let min = 0; let hour = 0 let newElapsedTime; function displayTime(e){ let sec_format = sec; let min_format = min; let hour_format = hour; if(sec < 10){ sec_format = "0"+sec; } if(min < 10){ min_format = "0"+min; } if (hour <10){ hour_format = "0"+hour; } newP.innerHTML = hour_format + " :" + min_format +" : " + sec_format; }
var temp = newP.innerHtml();temp += hour_format + " :" + min_format +" : " + sec_format;newP.innerHtml = temp;
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)