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