From 848e39ec00bfd8e34d1019e632876714b687c576 Mon Sep 17 00:00:00 2001 From: Sushrutha Kodkany <56721217+foxgoddess23@users.noreply.github.com> Date: Fri, 2 Oct 2020 15:19:53 +0530 Subject: [PATCH] Update HTML elements This code helps us change the background image based on even-odd numbers. --- updateStyles | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) create mode 100644 updateStyles diff --git a/updateStyles b/updateStyles new file mode 100644 index 0000000..366f02b --- /dev/null +++ b/updateStyles @@ -0,0 +1,16 @@ +var countdownEle = document.getElementById('countdown'); +var bgImage= document.getElementById('bg-image'); + +var initialCountDown = countdownEle.innerHTML; + +setInterval(function() { + initialCountDown = initialCountDown > 0 ? initialCountDown-1 :0; + + countdownEle.innerHTML = initialCountDown; + + var bgImgpath = initialCountDown % 2 === 0 ? '../bg1.jpg' : '../bg2.jpg'; + + bgImage.src = bgImgpath; + + console.log('Interval Running'); + }, 1000);