Page 313 - Web Applications (803) Class 12
P. 313
margin-bottom: 5px;
}
input {
padding: 5px;
border: 1px solid #ccc;
border-radius: 5px;
margin-bottom: 10px;
}
button {
background-color: #333;
color: #fff;
border: none;
padding: 0.5rem 1rem;
cursor: pointer;
}
.result {
text-align: center;
}
#day-result {
font-weight: bold;
font-size: 1.2rem;
}
File3: Pscript.js
const findDayButton = document.getElementById(‘find-day-button’);
const result = document.getElementById(‘result’);
const dayResult = document.getElementById(‘day-result’);
findDayButton.addEventListener(‘click’, () => {
const inputDate = parseInt(document.getElementById(‘input-date’).value);
const inputMonth = parseInt(document.getElementById(‘input-month’).
value);
const inputYear = parseInt(document.getElementById(‘input-year’).value);
const daysOfWeek = [‘Sunday’, ‘Monday’, ‘Tuesday’, ‘Wednesday’, ‘Thursday’,
‘Friday’, ‘Saturday’];
const selectedDate = new Date(inputYear, inputMonth - 1, inputDate);
const dayOfWeek = daysOfWeek[selectedDate.getDay()];
dayResult.textContent = dayOfWeek;
result.style.display = ‘block’;
});
Projects 311

