Page 322 - Web Applications (803) Class 12
P. 322

border-radius: 5px;
                      cursor: pointer;

                  }
              File3: Pscript.js
                  const addToCartButtons = document.querySelectorAll(‘.add-to-cart’);

                  addToCartButtons.forEach(button => {
                      button.addEventListener(‘click’, () => {
                          alert(‘Item added to the cart.’);

                      });
                  });
              Note to Students:
              The code of all solved projects can be downloaded through the following link
              https://drive.google.com/drive/folders/14C1JWkPj_rdwJNRP_vgO7D42Cojvn1O3?usp=sharing



              UNSOLVED PROJECTS


              Use HTML, CSS and JavaScript to create the following:


              PROJECT 11: Image Carousel Website (Refer https://www.youtube.com/watch?v=-5yNF2J0Coc)






              PROJECT 12: Grocery List Webpage (Refer https://www.youtube.com/watch?v=8I5UCTlMa34)




              PROJECT 13: Sticky Notes Webpage (Refer https://www.youtube.com/watch?v=_B-54mvPup4)




              PROJECT 14:  Website with Square Cards (Refer https://www.youtube.com/
                          watch?v=MvgiPlVF0Tg&list= PLtMugc7g4GaqAVDZwQ_t1H6500ZGJzOgW&index=18)



              PROJECT 15:  Mini Calendar Webpage (Date, Month and Year) (Refer https://www.youtube.com/
                          watch?v=b6473PrT-dU&list=PLjwm_8O3suyOgDS_Z8AWbbq3zpCmR-WE9&index=23)


















                320   Touchpad Web Applications-XII
   317   318   319   320   321   322   323   324   325   326   327