even this one works without using if statement because we are using for each loop const buttons = document.querySelectorAll(".button"); const body = document.querySelector("body"); buttons.forEach((button) => { button.addEventListener("click", (e) => { body.style.backgroundColor = e.target.id; }); });

@uttamrao9563

Ай бұрын

I was going to reply same...

@SKD14344AK

11 күн бұрын

yes we can do this also , but for more readability may be sir took this "if" method

@Prajjwal191

8 күн бұрын

@@SKD14344AK just came here to say the same

@adamasMagna

4 күн бұрын

Is it only me who used more simple approach , no loop, no if, no switch 😖🫣 let c1= document.getElementById("c1"); c1.addEventListener("click", function(){ document.body.style.backgroundColor = "#FF8674" });

@Abhishekh1516techboy

2 күн бұрын

@@adamasMagna const btn = document.querySelectorAll('.button'); const canvas = document.querySelector('.canvas'); btn.forEach((elm) => { elm.addEventListener('click', (e) => { canvas.style.backgroundColor = window.getComputedStyle(e.target).backgroundColor; }); });

Project 1 = 9:50 Project 2 = 25:30 Project 3 = 42:37 Project 4 = 50:00

@saksham_1612

Жыл бұрын

Thanks a lot sir for giving heart to my comment. You are amazing I feel you are the best indian youtubers for development.

@developerprofile6565

10 ай бұрын

@@saksham_1612 absolutely right !

@hemant1772

10 ай бұрын

last peoject me array bnakar value push ki lekin uska faida kya hua uske binna bhi values show ho rhi hai previous guesses me is line se prevguess += `${guess}` to faida kya hua ?

@ketanmangale6153

10 ай бұрын

@@hemant1772 You are right. Direct array ko hi display karna chayiye.

@hemant1772

10 ай бұрын

@@ketanmangale6153 Yahi to mai dekh rha tha project bnaya to confusion huii to push liya

🎯 Key Takeaways for quick navigation: 00:00 🌟 *Introduction to Series and Projects* - Introduction to a new series named "Chai and JavaScript." 00:29 🚀 *Exciting Project Experiences* - Highlighting unique and exciting project experiences. 01:09 🔧 *Balancing Noise and Learning in Projects* - Acknowledging achievements without excessive hype. 01:36 📅 *Overview of Events in JavaScript* 02:04 🌐 *Tips on Event Handling* - Offering insights into handling events in JavaScript. 02:19 🌐 *Setting Project Levels for Confidence Building* - Introduction to setting project difficulty levels gradually. 03:02 🛠️ *Using Code Sandbox for Practice* - Introducing Code Sandbox as a valuable platform. 03:17 🚧 *Challenges Faced During Practice* - Addressing small challenges faced during coding practice. 03:45 🕰️ *Balancing Wait Time and Learning Experiences* 04:00 📂 *Sharing Completed Projects and Directories* - Sharing completed projects directly for a hands-on experience. 04:28 🌐 *Setting Up Code for Practice Safely* - Caution against using incognito mode for pasting URLs. 05:10 🔄 *Navigating Project and Support* - Utilizing URLs to navigate within the project and access support. 05:52 🛠️ *Making Changes in Forked Projects* - Demonstrating the process of forking a project for personal changes. 06:19 📂 *Creating Folders and Managing Links* - Creating a new folder and naming it for organized project management. 07:07 🎥 *Introduction to Markdown Preview in MacDown* - Explanation of the Markdown Preview button in MacDown. 07:37 📝 *Writing Project-Related Information in Markdown* - Demonstrating how to write project-related details in Markdown. 08:09 💻 *Providing Solution Code and Markdown Preview* - Showing how to include solution code in Markdown for projects. 09:08 📊 *Organizing Content and Accessing Safari Browser* - Discussing the importance of creating a presentation in Markdown. 09:50 🎨 *Introduction to Color Changer Project* - Explanation of the Color Changer project. 10:18 🎨 *Challenges in Implementing Color Change* - Highlighting the challenge of implementing color change dynamically. 11:00 ⚙️ *Adjusting Font Settings for Better Visibility* - Demonstration of adjusting font settings in HTML for better visibility. 11:47 🎨 *Exploring Color Switch IDs and Classes* - Overview of the Color Switch project elements (span, buttons, IDs, and classes). 12:14 📜 *Overview of Scripts and Code for Chai and Code* - Introduction to the script named "Chai and Code." 12:29 🔄 *Selecting Elements and Changing Body* - Introduction to selecting elements in the Color Changer project. 13:10 🎨 *Utilizing Query Selector for Buttons* - Explanation of using `querySelector` to select buttons. 13:54 🛠️ *Dynamically Logging Button Details* - Logging details of selected buttons using `console.log`. 14:21 🔁 *Looping Through Buttons for Event Handling* - Introducing the concept of looping through buttons. 14:50 🔍 *Understanding Event Handling* - Overview of events in JavaScript. 15:02 🎯 *Setting Up Buttons and Functions* - Selecting buttons and setting up functions for the Color Changer project. 15:17 🖱️ *Dynamically Applying Styles with JavaScript* 15:31 🔄 *Looping Through Buttons for Event Binding* 16:14 🎤 *Emphasizing the Importance of Events* 17:08 🔍 *Understanding Event Listeners* 17:37 📜 *Accessing Event Object Details* 18:04 🎯 *Assigning a Short Variable Name* 18:27 🕵️ *Examining Event Target and Attributes* 19:08 ⚙️ *Implementing Dynamic Switching* 19:36 🎨 *Changing Styles Dynamically* 20:06 🚀 *Leveraging HTML and Styling* 20:36 🎨 *Dynamic Styling with Event Details* 21:14🔄 Iterating *and Enhancing Functionality* 22:07 💻 *Advanced Implementation and Code Explanation* 22:34 🏁 *Completing Project One: Event Handling* 23:10 🛠️ *Adding Comments for Easy Understanding* 23:38 📚 *Accessing Documentation and Further Practice* 24:47 📊 *Project Two: BMI Calculator - Introduction* 25:29 🔄 *Interacting with the BMI Calculator* 25:54 🚀 *Adjusting HTML Structure and Styling* 27:03 📐 *Exploring HTML Structure and Elements* 27:44 📝 *Handling Input Events and Value Extraction* 28:12 🔄 *Updating and Displaying Results* 28:26 🛠️ *Analyzing Project Structure and Forking* 28:41 📋 *Selecting Form and Understanding Form Submission* 29:09 📝 *JavaScript Code for Form Selection and Event Handling* 29:51 🛑 *Preventing Default Action and Selecting Values* 30:21 🔄 *Utilizing Callback Function and Handling Values* 31:04 📑 *Selecting Elements and Understanding Values* 31:30 🔄 *Handling String Values and Applying Replace* 32:09 ⚙️ *Handling Empty Values and Checking Validity* 32:42 🛡️ *Preventing Default and Handling Form Submission* 33:16 🧮 *Calculating BMI from Height and Weight* 33:42 🧭 *Checking and Handling Results and Values* 34:21 🛠️ *Validating Height and Applying Inner HTML* 35:05 🔄 *Modern Technique for Number Validation* 35:34 🚦 *Finalizing Height Validation and Handling Conversion* 36:18 🔄 *Updating Height Value Dynamically* 36:48 🛠️ *Continuing Validation and Logic Implementation* 37:15 🔄 *Height and Weight Validation Integration* 37:42 🛠️ *Implementing BMI Calculation* 38:38 🧮 *BMI Calculation Formula* 39:07 🛠️ *Fixing Decimal Display in BMI Calculation* 39:21 📊 *Displaying BMI Result and HTML Styling* 39:49 🧑‍💻 *Dynamically Injecting Values for Practice* 41:11 🚀 *Completing Project Three and Introducing Project Four* 42:30 🕰️ *Creating a Digital Clock - Introduction* 42:42 ⏰ *Displaying Local Time* 43:12 🕒 *Clock Styling and HTML Structure* 43:38 🛠️ *Coding the Clock Display* 44:09 🔄 *Dynamically Updating Clock Every Second* 45:08 🔄 *Controlling Script Execution* 45:22 ⏰ *Interval Timing and Advanced Approaches* 45:35 🚀 *Essential JavaScript Event Handling* 46:04 🛠️ *Writing the Set Interval Method* 46:33 📝 *Understanding SetInterval Parameters* 47:02 🔍 *Testing Interval Functionality* 47:43 🕰️ *Creating a Real-Time Clock* 47:57 ☕ *Small Project: Tea Timer* 48:26 📄 *Accessing Project Solutions* 48:54 🚀 *Project 3: Wallet Selector* 49:43 🎲 *Gas Number Evaluation in a Game* 50:53 📊 *Gas Tracking Form Logic* 51:22 🖥️ *Design and Elements of the Gas Tracking Form* 51:47 🎭 *Handling Form Submission and Events* 52:18 🔢 *Generating Random Numbers and Decimal Adjustments* 52:59 🔄 *Dynamic Update of Random Numbers* 53:26 🔄 *Adjusting Random Number Range* 54:08 🔧 *Fine-tuning Random Number Decimals* 54:52 🛠️ *Handling Random Number Display Issues* 55:21 📝 *Selecting and Handling User Input* 55:55 🧐 *Choosing Approach for Value Handling* 56:07 📊 *Managing User Input and Gas Values* 57:08 🔄 *Troubleshooting and Refreshing* 57:53 📝 *Selecting Additional Values* 58:23 🔄 *Refining User Experience* 59:04 🚀 *Setting up Gas and User Input Handling* 59:46 🛠️ *Implementing Controls and Validation* 01:00:15 🎮 *Designing Game Logic and Events* 01:00:57 🔍 *Gas Validation and Check Gas Method* 01:01:39 📜 *Displaying Validation Messages* 01:02:07 🚧 *Creating Display Message Method* 01:02:36 🚀 *Finalizing Display Message and Gas Methods* 01:03:54 🏁 *Implementing Victory and Display Gas Methods* 01:04:23 🎮 *Managing Game States and New Game Function* 01:05:32 🚦 *Checking Game Availability and Handling User Input* 01:06:11 🛠 *Refining User Input Handling* 01:07:14 🛠 *Validating and Displaying User Input* 01:07:42 🧹 *Cleaning and Improving Validation* 01:08:11 🔍 *Multiple Validation Checks* 01:09:12 🔄 *Iterating Through Validation Checks* 01:09:54 🎮 *Handling Game Over Scenario* 01:10:22 🔄 *Checking Game Mode and Validation* 01:10:47 📊 *Accessing and Displaying Game Statistics* 01:11:57 🏁 *Finalizing Game End and Logic* 01:12:47 📝 *Validating User Input* 01:13:28 🧾 *Gas Validation and Display Messages* 01:15:47 🧹 *Cleaning Up User Input* 01:15:59 🛠️ *Updating Gas Stall Information* 01:17:11 🔄 *Iterative Update of Gas Values* 01:17:53 🔄 *Continuous Gas Update Logic* 01:18:40 🔄 *Introduction to a New Method* 01:18:53 📝 *Printing Messages Dynamically* 01:19:20 🛠️ *Creating Headings and Values* 01:19:47 🔄 *Debugging and Adjusting Spacing* 01:20:45 🔄 *Displaying Values in List Format* 01:21:12 🎮 *Discussing Additional Game Features* 01:21:42 🕹️ *Creating a Button for New Game* 01:22:23 🛠️ *Implementing Input Field Actions* 01:23:07 🚀 *Adding a Start Button* 01:23:49 🆔 *Implementing New Game Start Button* 01:24:15 🕹️ *Styling and Structure for Start Button* 01:24:57 🔄 *Modifying Inner HTML Dynamically* 01:25:51 🎮 *Refining Play Game Functionality* 01:27:03 🎯 *Setting up Event Listener for New Game Button* 01:27:30 🔄 *Implementing Event Handling Function* 01:27:57 🎲 *Dynamic Generation of Random Numbers* 01:29:07 🛠️ *Refining Inner HTML and Attribute Manipulation* 01:29:49 🚧 *Finalizing Attribute Removal and Reset Logic* 01:30:09 🔄 *Enhancing Query Result Handling* 01:30:23 🔧 *Revisiting and Implementing Additional Features* 01:31:19 📝 *Conclusion and Overview of Project* Made with HARPA AI

Apki video se mujhe js k concept acche se clear hue............ aur maine 2 chote chote project bhi bnaye hai JavaScript k .... 1. Numerology Driver and Conductor number calculator 2. personal year calculator...... Aur vo live bhi hai... Unka link yaha nhi de skta.. aur 3rd project Numerology Lo-su grid generator bna raha hu... Dil se dhanyawad... Apka contribution hai jo hum sb etna acchi trah sikh paye....

Wow, jinko javascript samajh nahi aati hai wo bhi aapki smyle, sweet voice and simple teaching style se sikh jayenge.

Thanks a lot for this series. Now I started doing Javascript projects in my local for better understanding after learning all these concepts. Hats off to you Hitesh Sir...😇

@nitishm8464

3 ай бұрын

css ka code kaha milega

Sir aap kitni mhnt kre ho hamare liye......Thank you ❤️soo much

@khubaibsiddiqui7144

11 ай бұрын

I also wanna say that, but It is for money so i can't say that😂

@Priyanka-bd6um

11 ай бұрын

People who only works for money they thinks that other peoples also only work for the money....I think same think happen to you bro....bless you God give you broad imagination.

@khubaibsiddiqui7144

11 ай бұрын

@@Priyanka-bd6um Lol! To your info, i'm a student not a worker, N btw i was just kidding. N according to your response i can guess your level of observation about the world that really needs improvement :),,

@Priyanka-bd6um

11 ай бұрын

@@khubaibsiddiqui7144 Dea student😂, you won the conversation

@user-jy1lldigitech

8 ай бұрын

❤❤❤

Yes, we need more project videos, first time ever I completely understood the whole project without any confusion! You have amazing teaching skills, I really affectionate with them.

Project 1 = 9:50 -> Color Changer Project 2 = 25:30 -> BMI Calculator Project 3 = 42:37 => Digital Clock Project 4 = 50:00 => Guess the Number

Really u r very gd and humble person.. Aap jese logo ki wjh se lakho life.. Better ho rhi h.. Jo financially afford ni kr skte.. U r great❤

40:50 if(bmi18.6 && bmi

@RexAshwin1163

25 күн бұрын

bro if the bmi calculates 18.6 the result will show overweight..

Literally after i seen the way he teaches the coding is unbelievable that easy going process never found anywhere else!

Humne end tak dekha hai video, Aapki baatein sunane ka mazaa ek taraf or code sikhna ek taraf

So finally, I found the best JS project vedio on the whole KZread. Thanks Alot sir.

Thank you so much for this series. It helps a lot to undertand coding in a much better way. Your style of teaching is very good.

Tq sir aapke Karan bg changer me khud se logic lga payi tq concept clear krne ke liye. 😍😍

Amazing sir, mene ye sare project phle bnae the khud se, but you changed my thinking ki kaise clean code likhna h or kaise reusable code likhna h, thanks a lot sir. Salute to you 🙇🏻‍♂️

instead of the if-else statements in the color switcher we can directly do body.style.background =event.target.id , both works the same.

4rth project mene solution dekhne se pehly khudse krne ki try ki thi or mene solve krdiya hai game chal bhi rha hai but mere code me mene just direct if else se kam kia hau functions nhi banae sir apki approach kafi neat or achi thi. hamari bhi ho hi jaegi. THankks!!!

Thank you sir for sharing your knowledge, creativity, and passion through your KZread channel. It's evident that you have a deep understanding of the subject matter, and your ability to convey it to your audience is remarkable. I can't wait to see more from you in the future. Keep up the fantastic work! Love from Kashmir💌

Mast video tha sir... Please aise videos banate rahiye... Thank-you!

you are a great teacher sir i always follow your video, for color generator we can make JavaScript code more optimise const background = document.querySelector(".main"); const buttons = document.querySelectorAll(".color-box"); buttons.forEach(button => { button.addEventListener("click", (e) => { let buttonId = e.target.id; background.style.backgroundColor = buttonId; }) });

20:47 that’s great using this we don’t even need any if or switch case because expression itself is sufficient for deciding the background colour

Sir apke channel and teaching ye ehsas ho gya ki mothertounge me seekhna aashan aur mazedar hota h..

Thank You Sir Aap Itni Mehnat kar ke Ye course bana rahe ho Bahot Bahot Thank You ❤️

Yesssssss! Need More videos like this. Thank you sir

Sir the way you talk is really is sounds so good your teaching style is really amazing. I can't takes my off from you.thank you sir from the bottom of my heart❤❤.

DOM finish, amazing sir I'm very inspire to your teaching style. and your top quality video.

never seen any other youtuber, online bootcamps and even my college professors taking time to make us understand everything this detailed.

Finallay jis chai+js project ka intezaar tha vo aakhir mil hi gya hai. Ye sabb @Hitesh sir ka hi kamal hai. ❤😂

ye hui na..kabse intajar tha project ka..thank you so much sir!!🥰🥰🥰🥰

"Chai and Code, your JavaScript series is an absolute gem! 🌟 I just wrapped up your challenging assignments, and I'm blown away by the depth and clarity of your content. A true delight for JavaScript enthusiasts like me! 👏🚀"

We can eliminate 'if' check as well. And, directly assign button's id, i.e. colour. const allButtons = document.querySelectorAll(".button"); const body = document.querySelector("body"); allButtons.forEach(function(button){ button.addEventListener('mouseover', function(event){ body.style.backgroundColor = button.id; }) })

@yashu1703

10 ай бұрын

Right bro, I was searching for this comment only.

@kavya6650

7 ай бұрын

const allButtons = document.querySelectorAll(".button"); const body = document.querySelector("body"); allButtons.forEach(function(button){ button.addEventListener('mouseover', event => body.style.backgroundColor = button.id); }) //using arrow func.

Sir kindly bring more such content and dont stop making such tutorial videos via projects thank you so much for this video

exactly sir, your content quality is outstanding , you are king man

Awesome projects to practice basic of JavaScript.

Thankyou for the clear explanation, Hitesh Sir.

Meny pehly projects kiye baad may Hitesh bhai ki video dekhi and everything was super clear

Great video sir Love to watch your valuable content. Thanks sir from bottom of my heart. May Supreme God bless you.

Clear explanation, clean code . ....Thank you sir ji

REVIEW!! Thanks a lot hitish sir ! i am on 35th video of this series and it's been a wounderful and so deeply knowledgable videos.

Projects karne mai bohot maza aaya! Abhi tak jo bhi series mai JavaScript ke concepts kiye, sab kuch apply karne aaya! Thank you again Sir!

@chaiaurcode

9 ай бұрын

Most welcome 🤗

Ess series se ekk chiz to mili hai ki confidence level badha hai aur quality code mil raha hai. Jo sabb jagah milna na mumkin hai

shandar projects shandar explanation shnadar lectures/videos love you sir

Just started learning coding. Bcoz of your great skill of teaching. Thanks

Thanks sir for this amazing series and these amzing projects. I have completed all four projects you make learning really easy you really are a great teacher power of 10+ years of experience.

Thankyou Hitesh sir learned very interesting concepts and implementation of DOM with these projects.

really appreciate the effort of explaining everything in depth 🔥

Great video, I have gone through the topic and made this projects by myself

Your teaching skills are next level. Thank you so much

sir really this the best series of js availabe on yt. thankyou sir

Amezing content sir great ho ap meko bht sikhne ko mila

Thanks a lot for this series.

thanks a lott sir... wish we could get more videos like this soon

Great job Hitesh. I wish we had teachers like you in the Engineering. Your approach is quite practicle and you put in quite a lot of efforts in your videos. Keep up the good work bro. ❤❤

hats off brother u teach every important thing in very easy languagae

what a great video sir. your teaching style is awesome

Love your style of teaching ❤

We all are listening and understanding very well, it's a great series with basics done properly.. Yur hard work is really appreciated 👏🏼👏🏼 17:02

project 1 my approach: const body = document.querySelector('body'); const buttons = document.querySelectorAll('.button'); buttons.forEach(function(e){ e.addEventListener('click',function(){ body.style.backgroundColor = e.id; }) })

sir jii aapki video dekhta dekhta ab mja bhut jyda aata h daily ka routine h ki shurvat aap channel chai aur code se hi hoti h guru jii😍😍❤❤

excited to learn git from you. top notch content

i am just coming back to vid after finshing these projects now its time to proceed

Thanks a lot for this series 😇

Thank you Sir for these projects and these are really really helpful to clear the concepts

Please make more projects explainion video ..🙏 ise concepts practically ka pe use ho rehe hai ye pata chal raha hai Aap bhot acha explain ker rehe ho hope soon u will achive 1millon sub ❤

Your dedication to learning is truly remarkable Sir! You consistently demonstrate a deep understanding of tough concepts in such a simple manner ! Thankyou soo much from deep down of my heart ! #Best_Series

So informative , so pracical , just experiencing like a WOW 🧡🧡

Go directly to the projects by selecting the time :) Project 1 = 9:50 -> Color Changer Project 2 = 25:30 -> BMI Calculator Project 3 = 42:37 => Digital Clock Project 4 = 50:00 => Guess the Number

सर जी ...... आपके videos होते बहोत अच्छे और समज भि आसानिसे आते है| लेकीन videos थोडा लेट आते है तो थोडी दीक्क्ते आती है .... ..... .... तो हम चाहते है आप अक video "आप चिजे कैसे सिखते हो" इसपे अक video बनायीए . बस request है देखिये. वक्त मिये तो जरुर बनायीए .. Shere तो हम करिही लेंगे.😊🙏

Last bale project me bahut maza aaya sir ji, very nice ❤

Well Done Bhai. u are great...............

Awesome. Maza aagya 🙏🙏

very interesting and helpful vedio .....or project based vedios kindly bna dien ,these help a lot....

Nice Video. Best Teacher on KZread..

We can also directly assign event or button id to body instead of if else

This were really good project to learn as a beginner

i can say thanks word is very small for your free contribution. your teaching way is far better that other you tubers and paid courses.

Best tutorial on KZread 🔥🔥🔥

thanks sir and here the further code of the IInd project. first assign bmi variable of the outside of the scope and then..... if(bmi results.innerHTML = `${bmi}, which is Under Weight`; } else if(bmi === 18.6 || bmi > 18.6 || bmi results.innerHTML = `${bmi}, which is Normal Weight`; } if(bmi > 24.9) { results.innerHTML = `${bmi}, which is Over Weight`; }

@siddhartharaja9413

10 ай бұрын

Amazing

@faizalammusic

10 ай бұрын

@@siddhartharaja9413 yeah thanks buddy

@mymemory2782

4 ай бұрын

This really help buddy, thanks a lot. By the way I declare the BMI inside the scope & it works because of the var. Once again thanks a lot's man. You are a saver.

@faizalammusic

4 ай бұрын

@@mymemory2782 hahaha ur wlcm bro, i appreciate it.

Amazing Teaching 👌 Thanks a Lot for this Channel 👍

Sir you are Genius, appreciable and outstanding mind set in information technology field. As I am from Hunza Pakistan... We Love Indian all time...... Carry On Plz...

Thank you so much for this series. 😊

@chaiaurcode

10 ай бұрын

You are so welcome!

your way of thinking and speaking excellent....👌👍🥰❤

excellent techniques sir, as always.

Bohot acha dear

Best sir ever... Agr css ki koi playlist hoti to hm bi bolte ka puri web development hitesh sir se sekhi...pr koi baat nii React or backend to haaa...❤❤❤

done with the first project, i did it using switch case, feeling good

sir u r doing great work , and u r best teacher ❤

Chai Aor Code Pahli Baar mein he Mai aapka fan Ho Gya ❤️❤️❤️😍

In the first project instead of writing all the if else we can do it this way. Works the same. let btns = document.querySelectorAll('.button'); btns.forEach((btn) =>{ btn.addEventListener('click', (e) =>{ document.body.style.backgroundColor = e.target.id ; }) }) ***I know the if else is a good practice and if I want to make the project more complex then if else is needed. I just found for the current project, this is a more short cut method.***

color scheme = 9:50 BMI = 25:30 Clock =[ 42:00]

amazing loved this guru ji we want more ☺

@chaiaurcode

Жыл бұрын

Very soon

The only legend for me i.e Hitesh sir...waiting for tailwind css playlist

completed within 2 days (not consistent) but do every line of code logically . Now I'm getting confidence in Js . Thank you sir .❤❤ Love from WB

@xyz4597

5 ай бұрын

Can't we do the same with vs code editter instead the one from he is doing?

@shubhamaths

5 ай бұрын

@@xyz4597 Yes you can , but you have to create account on the platform . Then you can copy paste the code in you vs code editor and can run the code easily.

thanks for sharing js series love it

chai aur code 😄 best name ever for a refresing start

Thanks a lot for this series

we can also use switch statement for our colour switch project instead of using if else statement as in if too many options are given then switch case method is more efficient. const targColor = e.target.id; switch(targColor){ case 'grey': body.style.backgroundColor = e.target.id; break; case 'white': body.style.backgroundColor = e.target.id; break; case 'blue': body.style.backgroundColor = e.target.id; break; case 'yellow': body.style.backgroundColor = e.target.id; break; }

khatarnaak series sir