Live Counter
A simple interactive counter that increments on each click.
const btn = document.getElementById('counterBtn');
let count = 0;
btn.addEventListener('click',()=>{ count++; btn.textContent = `Clicked ${count} times`;});Modal Dialog
Click the button to open a centered modal window.
const modal=document.getElementById('myModal');
const open=document.getElementById('openModal');
const close=document.getElementById('closeModal');
open.addEventListener('click',()=>modal.style.display='flex');
close.addEventListener('click',()=>modal.style.display='none');Image Carousel
Swipe or click arrows to navigate through images.
const images=[
'https://picsum.photos/seed/1/400/250',
'https://picsum.photos/seed/2/400/250',
'https://picsum.photos/seed/3/400/250'
];
let idx=0;
const img=document.querySelector('.carousel-img');
document.getElementById('prev').onclick=()=>{idx=(idx-1+images.length)%images.length;img.src=images[idx];};
document.getElementById('next').onclick=()=>{idx=(idx+1)%images.length;img.src=images[idx];};