Get Day Name Form Week | find the day of the week in JavaScript?

 <div class="container">  
  <div class="date" id="printDate"></div>  
  <div class="date" id="printDay"></div>  
  <div class="date" id="printTime"></div>  
 </div>  

There is all the HTML code for the Get Day Name Form Week. Now, you can see an output with getting Day Name Form Week then we write javascript for Get Day Name Form Week.

output

Simple Blank Output with Blank Html Tag ADVERTISEMENT

CSS code

 * {  
       margin: 0;  
       padding: 0;  
       box-sizing: border-box;  
 }  
  .container {  
       display: flex;  
       justify-content: center;  
       align-items: center;  
       min-height: 100vh;  
       background: #efefef;  
       font-family: 'Lato', sans-serif;  
 }  
  .container .date {  
       font-size: 24px;  
       font-weight: 500;  
       font-family: 'Lato', sans-serif;  
 }  
  .container .date#printDate {  
       color: #e74c3c;  
 }  
  .container .date#printDay {  
       margin: 0 20px;  
       color: #2ecc71;  
 }  
  .container .date#printTime {  
       color: #9b59b6;  
 }  

Css Updated output

Javascript code

 var date = new Date();  
 const elementDate = document.getElementById("printDate");  
 const elementDay = document.getElementById("printDay");  
 const elementTime = document.getElementById("printTime");  
 const listOfDays = [  
  "Sunday",  
  "Monday",  
  "Tuesday",  
  "Wednesday",  
  "Thursday",  
  "Friday",  
  "Saturday"  
 ];  
 function printDate() {  
  var day = date.getDate();  
  var month = date.getMonth();  
  var year = date.getFullYear();  
  elementDate.innerHTML = day + " / " + month + " / " + year;  
 }  
 function printDay() {  
  date = new Date();  
  var numberOfDay = date.getDay();  
  var day = listOfDays[numberOfDay];  
  elementDay.innerHTML = day;  
 }  
 function printTime() {  
  date = new Date();  
  var hours = date.getHours();  
  var minutes = date.getMinutes();  
  var seconds = date.getSeconds();  
  if (seconds < 10) {  
   seconds = "0" + seconds;  
  }  
  if (minutes < 10) {  
   minutes = "0" + minutes;  
  }  
  if (hours > 12) {  
   hours = hours - 12;  
   elementTime.innerHTML = hours + " : " + minutes + " : " + seconds + " PM ";  
  } else if (hours < 12) {  
   elementTime.innerHTML = hours + " : " + minutes + " : " + seconds + " AM ";  
  } else if (hours = 12) {  
   elementTime.innerHTML = hours + " : " + minutes + " : " + seconds + " PM ";  
  }  
 }  
 setInterval(function() {  
  printTime();  
  printDate();  
  printDay();  
 }, 1000);  

Final output