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

