Find Day Of The Week

<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <link
      href="https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap"
      rel="stylesheet"
    />
    
    <style>

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
body {
  height: 100vh;
  background: linear-gradient(#f5b201 50%, #15191f 50%);
}
#day {
  background-color: #242831;
  width: 80vmin;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  text-align: center;
  font-size: 6vmin;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 2px;
  padding: 1em 0;
  box-shadow: 0 -30px 60px rgba(5, 0, 0, 0.1);
}
#day span {
  color: #f5b201;
}
    
    </style>
    <title>Day Of The Week</title>
  </head>
  <body>
    <h1 id="day"></h1>
    
    <script>
    
let dayRef = document.getElementById("day");
let DaysOfWeek = [
  "Sunday",
  "Monday",
  "Tuesday",
  "Wednesday",
  "Thursday",
  "Friday",
  "Saturday",
];
let dateToday = new Date();
let dayToday = dateToday.getDay();
dayRef.innerHTML = `Today is <span>${DaysOfWeek[dayToday]}</span>`;
    
    </script>
  </body>
</html>

demo

Code Preview

Popular Posts

Pages

Find Day Of The Week