Apel Mahmud apelmahmudDev

## 4k_website_tester.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>4k website tester</title>
    <style>
        iframe:focus {
            outline: none;
        }
        iframe{

## event-delegation-example.js
জাভাস্ক্রিপ্ট
const palette = document.querySelector('#palette');
palette.addEventListener('click', handleColorClick);

function handleColorClick(el) {
  console.log(`You clicked on this color: ${el.target.style.backgroundColor}`);
}

## event-delegation-example.html
এইচটিএমএল
<ol class="color-palette" id="palette">
	// colors element
</ol>

## style.css
body {
    font-family: sans-serif;
}

#header {
    padding: 20px;
    background-color: green;
    display: flex;
    flex-direction: row-reverse;
}

## event-example2.js
document.querySelector('#signup').addEventListener('click', () => {
	console.log('Sign up button click');
});

document.querySelector('#signin').addEventListener('click', () => {
	console.log('Sign in button click');
});

## event-example1.html
<header id="header">
	<div id="account_links">
		<a href="#" id="signup">Sign up</a>
		<a href="#" id="signin">Sign in</a>
	</div>
</header>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>4k website tester</title>
	<style>
	iframe:focus {
	outline: none;
	}
	iframe{
	জাভাস্ক্রিপ্ট
	const palette = document.querySelector('#palette');
	palette.addEventListener('click', handleColorClick);

	function handleColorClick(el) {
	console.log(`You clicked on this color: ${el.target.style.backgroundColor}`);
	}
	এইচটিএমএল
	<ol class="color-palette" id="palette">
	// colors element
	</ol>
	body {
	font-family: sans-serif;
	}

	#header {
	padding: 20px;
	background-color: green;
	display: flex;
	flex-direction: row-reverse;
	}
	document.querySelector('#signup').addEventListener('click', () => {
	console.log('Sign up button click');
	});

	document.querySelector('#signin').addEventListener('click', () => {
	console.log('Sign in button click');
	});
	<header id="header">
	<div id="account_links">
	<a href="#" id="signup">Sign up</a>
	<a href="#" id="signin">Sign in</a>
	</div>
	</header>