জাভাস্ক্রিপ্টে স্টাইল প্রয়োগ

আসুন একটি বাটন তৈরি করি, যেটি ক্লিক করলে এলিমেন্টটি একবার দেখাবে, আবার লুকাবে। ডিফল্টরূপে এলিমেন্টটি লুকানো থাকবে (এটি আমরা display: none ব্যবহার করে বাস্তবায়ন করব), এবং এটি active ক্লাস যোগ করে দেখানো হবে। এই ক্লাসটি আমরা classList.toggle ব্যবহার করে একবার যোগ করব, আবার সরিয়ে দিব:

<button id="button">আমাকে ক্লিক করুন</button>
<div id="elem"></div>

#elem {
	display: none;
	width: 200px;
	height: 200px;
	border: 1px solid green;
}
#elem.active {
	display: block;
}

let button = document.querySelector('#button');
let elem = document.querySelector('#elem');

button.addEventListener('click', function() {
	elem.classList.toggle('active');
});