Untitled

 avatar
unknown
plain_text
6 months ago
1.3 kB
2
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Find Sundays on January 1st</title>
    <style>
        body { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; background: #f0f0f0; font-family: Arial; }
        input, button { padding: 10px; margin: 5px; font-size: 16px; }
        #result { margin-top: 20px; font-size: 18px; color: green; }
    </style>
</head>
<body>
    <h1>Find Sundays on January 1st</h1>
    <input type="number" id="startYear" placeholder="Start Year">
    <input type="number" id="endYear" placeholder="End Year">
    <button onclick="findSundays()">Find Sundays</button>
    <div id="result"></div>

    <script>
        function findSundays() {
            const start = +startYear.value, end = +endYear.value, result = document.getElementById("result");
            if (isNaN(start) || isNaN(end) || start > end) return result.innerHTML = 'Please enter valid years.';
            const sundays = [];
            for (let year = start; year <= end; year++) if (new Date(year, 0, 1).getDay() === 0) sundays.push(year);
            result.innerHTML = sundays.length ? 'Sundays on January 1st: ' + sundays : 'No Sundays found.';
        }
    </script>
</body>
</html>
Editor is loading...
Leave a Comment