Page 312 - Web Applications (803) Class 12
P. 312
<input type=”number” id=”input-year” required>
<button id=”find-day-button”>Find Day</button>
</div>
<div class=”result” id=”result”>
<p>Day of the week: <span id=”day-result”></span></p>
</div>
</main>
<script src=”Pscript.js”></script>
</body>
</html>
File2: styles.css
body {
font-family: Georgia, Arial;
margin: 0;
padding: 0;
background-color: pink;
}
header {
background-color: blue;
color: #fff;
text-align: center;
padding: 1rem;
}
main {
max-width: 800px;
margin: 0 auto;
padding: 2rem;
background-color: #fff;
border-radius: 10px;
}
.input-container {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 1rem;
}
label {
font-weight: bold;
310 Touchpad Web Applications-XII

