<!DOCTYPE html>
<html>
<head>

</head>
<body onload="getDayName()">
  
   
  <h3 style="background-color:#ffff99;color:black;width:250px;margin-left:45px;padding: 10px;border-radius: 15px;align-items: center;text-align: center;"><span id="day-name"></span></h3>

  <h4 style="width: fit-content;color: blue;align-items: center;justify-items: center;background-color:background-color: #85FFBD;
background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
;border-radius: 10px;margin: 15px;padding: 10px"><span id="day-name1"></span></h4>

    <script>
    function getDayName() {
      // Get the current date
      var today = new Date();
      
      // Get the day of the week (0 = Sunday, 1 = Monday, etc.)
      var day = today.getDay();
      
      // Create an array of day names
      var days = ["ஞாயிறு", "திங்கள்", "செவ்வாய்", "புதன்", "வியாழன்", "வெள்ளி", "சனி"];
      var days1 = [["<p style=color:red;>கிழக்கு-பயம்</p><p style=color:red;>தென்கிழக்கு-எச்சரிக்கை</p><p>தெற்கு -சுகம்</p><p>தென்மேற்கு -உறவினர் வருகை</p><p style=color:red;>மேற்கு -சண்டை</p><p>வடமேற்கு-ஆடை சேர்க்கை</p><p>வடக்கு -பணவரவு</p><p>வடகிழக்கு-லாபம்</p><p>ஆகாயம் -வெற்றி</p><p>பூமி-அனுகூலம் </p>"],
       ["<p>கிழக்கு- பணவரவு </p><p style=color:red;>தென்கிழக்கு-சண்டை</p><p style=color:red;>தெற்கு-எதிரிகளால் தொல்லை</p><p style=color:red;>தென்மேற்கு-விரோதம் </p><p>மேற்கு-ராஜதரிசனம் </p><p style=color:red;>வடமேற்கு-எச்சரிக்கை</p><p>வடக்கு-ஆடை சேர்க்கை </p><p>வடகிழக்கு-சுபம் </p><p style=color:red;>ஆகாயம்-எச்சரிக்கை</p><p>பூமி-பணவரவு </p>"], 
       ["<p>கிழக்கு- நன்மை </p><p>தென்கிழக்கு-உறவினர் வருகை  </p><p style=color:red;>தெற்கு-கவலை</p><p style=color:red;>தென்மேற்கு-எதிரிகள் பயம்  </p><p>மேற்கு-அனுகூலம்  </p><p style=color:red;>வடமேற்கு-நன்மை இல்லை</p><p style=color:red;>வடக்கு- எதிரிகளால் தொல்லை</p><p>வடகிழக்கு-வாகன யோகம்  </p><p>ஆகாயம்-பயணம் </p><p>பூமி-பணவரவு </p>"], 
       ["<p>கிழக்கு- மகிழ்ச்சி  </p><p>தென்கிழக்கு-பணவரவு  </p><p style=color:red;>தெற்கு-ஆரோக்யம் குறைவு</p><p style=color:red;>தென்மேற்கு-உறவினர்க்கு துன்பம்</p><p style=color:red;>மேற்கு-பயம்</p><p style=color:red;>வடமேற்கு-பொருள் விரையம்</p><p>வடக்கு- சுகம்</p><p style=color:red;>வடகிழக்கு-நஷ்டம்</p><p>ஆகாயம்-இனிமையான வார்த்தை</p><p>பூமி-ஐஸ்வர்யம் </p>"],
        ["<p style=color:red;>கிழக்கு- நன்மை இல்லை</p><p style=color:red;>தென்கிழக்கு-உறவினர்க்கு துன்பம்</p><p>தெற்கு-பணவரவு </p><p>தென்மேற்கு-வெற்றி </p><p style=color:red;>மேற்கு-எச்சரிக்கை</p><p>வடமேற்கு-இனிமையான வார்த்தை</p><p style=color:red;>வடக்கு- எச்சரிக்கை</p><p>வடகிழக்கு-விருந்து  </p><p style=color:red;>ஆகாயம்-சண்டை</p><p style=color:red;>பூமி-நஷ்டம்</p>"],
         ["<p>கிழக்கு- சுபம்   </p><p>தென்கிழக்கு-நன்மை</p><p>தெற்கு-உறவினர் வருகை </p><p>தென்மேற்கு-இனிமையான வார்த்தை </p><p>மேற்கு-மகிழ்ச்சி </p><p style=color:red;>வடமேற்கு-சண்டை</p><p style=color:red;>வடக்கு- சண்டை</p><p style=color:red;>வடகிழக்கு-எதிரிகள் பயம்</p><p>ஆகாயம்-வரவு</p><p>பூமி-சூதக ஸ்நானம்  </p>"],
          ["<p>கிழக்கு - இனிமையான வார்த்தை   </p><p>தென்கிழக்கு - பணவரவு</p><p>தெற்கு-ராஜதரிசனம் </p><p style=color:red;>தென்மேற்கு-ஆரோக்யம் குறைவு </p><p>மேற்கு - ஆடை சேர்க்கை </p><p>வடமேற்கு - சுகம் </p><p>வடக்கு - இனிமை </p<p style=color:red;>வடகிழக்கு-பொருள் இழப்பு </p><p style=color:red;>ஆகாயம்-தடை</p>பூமி - வெற்றி "]];
      
      // Get the name of the day
      var dayName = days[day];
      var dayName1 = days1[day];
      var tx ="கிழமை";
      
      // Display the day name on the page
      document.getElementById("day-name").innerHTML = dayName+" - "+tx;
      document.getElementById("day-name1").innerHTML = dayName1;
    }
  </script>
  <div>
    <input style="align-items: center;margin-left:20%; height:40px;width: 250px;background-color:#ffb84d;font-size: 20px;font-weight: bolder;color: white;" type="button" onclick="window.location.href = 'index.html';" value="முன்பக்கம் செல்ல"/>
 </div>
</body>
</html>
