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
   308   309   310   311   312   313   314   315   316   317   318