JavaScript tutorial for Beginners in Tamil | DOM Explained | Mini Project in JavaScript

ஹாய் கைஸ் ஆஃப்டர் சோ மெனி ரெக்வஸ்ட் நிறைய பேர் என்கிட்ட ஜாவாஸ்கிரிப்ட் வீடியோ போடணும்னு சொல்லி கேட்டுட்டு இருந்தீங்க சோ ஹியர் இட் இஸ் இந்த வீடியோல ஜாவாஸ்கிரிப்ட் பிகினர்ஸ்காக எஸ்பெஷலி நாங்க வந்து ரெடி பண்ணிருக்கோம் இதுல ஃபர்ஸ்ட் ஜாவாஸ்கிரிப்ட் ப்ரோக்ராமிங்ல இருந்து ஸ்டார்ட் பண்ண போறோம் ஜாவாஸ்கிரிப்ட் பேசிக் ப்ரோக்ராமிங் அந்த ப்ரோக்ராமிங் தெரிஞ்சாதான் உங்களால அதுக்கப்புறம் ஜாவாஸ்கிரிப்ட்ல வொர்க் பண்ண முடியும் சோ அந்த ஜாவாஸ்கிரிப்ட் பேசிக் ப்ரோக்ராமிங்ல இருந்து ஸ்டார்ட் பண்ணி அதுக்கப்புறம் ஜாவாஸ்கிரிப்ட் டாம் எப்படி மேனிபுலேட் பண்றது அப்படின்னு சொல்லி பார்க்க போறோம் அண்ட் அதுல ஒரு சில ப்ராஜெக்ட்ஸ் பண்ணி பார்க்க போறோம் கெஸ் பண்றது நம்பர்ஸ அண்ட் தென் டுடூ லிஸ்ட் எப்படி மேக் பண்றது இந்த மாதிரி ஒரு சில விஷயங்களை நம்ம மேக் பண்ணி பார்க்க போறோம் அண்ட் தென் பைனலா புக்ஸ் கீ அப்படின்னு

சொல்லி ஒரு ஆப்ப நம்ம பண்ணி பார்க்க போறோம் ஓகே சோ இந்த செஷன் உங்களுக்கு ரொம்பவே பிடிக்கும்னு சொல்லி நம்புறேன் சோ ஜாவாஸ்கிரிப்ட் லேர்ன் பண்றதுக்கு முன்னாடி உங்களுக்கு html அண்ட் css தெரிஞ்சிருக்கணும் அது உங்களுக்கு தெரியல அப்படின்னா ஆல்ரெடி நாங்க போட்டிருக்கிற வீடியோ போய் செக் பண்ணி பாருங்க அதை பார்த்துட்டு வந்து இந்த ஜாவாஸ்கிரிப்ட் வீடியோவை கண்டினியூ பண்ணுங்க ஹாப்பி லேர்னிங் வெல்கம் டு ஜாவாஸ்கிரிப்ட் கிராஷ் கோர்ஸ் இந்த கோர்ஸ்ல நம்ம ஃபர்ஸ்ட் என்ன பாக்க போறோம் அப்படின்னா ஜாவாஸ்கிரிப்ட்னா என்ன ஜாவாஸ்கிரிப்ட்ல வேரியபிள்ஸ்னா என்ன என்ன டைப்ஸ் ஆப் வேரியபில்ஸ் இருக்கு அண்ட் தென் அதை வச்சு ஒரு எக்சர்சைஸ் கொஸ்டின் பண்ணி பார்க்க போறோம் அண்ட் தென் டேட்டா டைப்ஸ்னா என்ன ஆபரேட்டர்ஸ்னா என்ன ஜாவாஸ்கிரிப்ட்ல எப்படி நம்ம கமெண்ட்ஸ் யூஸ் பண்றது ஜாவாஸ்கிரிப்ட்ல ஃபங்க்ஷன்ஸ்னா என்ன இப் எல்ஸ் அதாவது

கண்டிஷனல் ஸ்டேட்மென்ட்ஸ் எப்படி வொர்க் ஆகுது ஃபார் லூப் எப்படி வொர்க் ஆகுது அப்படின்னு சொல்லி பார்த்துட்டு அது எல்லாத்தையும் வச்சு பிராக்டிஸ் கொஸ்டின்ஸ் பண்ணி பார்க்க போறோம் இதுதான் நம்மளோட ஃபர்ஸ்ட் செஷனா இருக்க போகுது ஓகே லெட்ஸ் பிகின் ஜாவாஸ்கிரிப்ட் இஸ் தி வேர்ல்ட்ஸ் மோஸ்ட் பாப்புலர் ப்ரோக்ராமிங் லாங்குவேஜ் அதாவது இப்போ எங்க பார்த்தாலுமே வெப்சைட் இருக்கு கரெக்டா எங்கேயுமே வெப்சைட் இல்லாம கிடையாது ஒரு பிசினஸா இருந்தாலும் சரி ஒரு குறிப்பிட்ட ஒரு பர்டிகுலர் இன்டிவிஜுவல் பெர்சனா இருந்தாலும் சரி அவங்க எல்லாருக்குமே வெப்சைட் இருக்கு இந்த எல்லா வெப்சைட்டும் இயங்குறதுக்கு முக்கியமான காரணமே இந்த ஜாவாஸ்கிரிப்ட் தான் ஓகே அண்ட் ஆல்சோ இந்த ஜாவாஸ்கிரிப்ட் மத்த லாங்குவேஜ் மாதிரி ரொம்ப ஹார்டா இருக்காது ஜாவாஸ்கிரிப்ட் இஸ் ஈஸி டு லேர்ன் ஓகே நீங்க பைதான் படிச்சிருந்தீங்கன்னா உங்களுக்கு தெரிஞ்சிருக்கும் அந்த மாதிரிதான் ஜாவாஸ்கிரிப்ட் ரொம்பவே

ஈஸியான ஒரு ப்ரோக்ராம் லாங்குவேஜ் அண்ட் நிறைய பேரு ஜாவாவும் ஜாவாஸ்கிரிப்ட்டும் ஒன்னு நினைச்சுட்டு இருக்கீங்க ஃபர்ஸ்ட் யார் யாரெல்லாம் அப்படி நினைச்சிட்டு இருக்கீங்களோ அப்படி கிடையவே கிடையாது ஜாவாஸ்கிரிப்ட் இஸ் டோட்டலி different java is totally different okay java is used to create interactive and டைனமிக் வெப் பேஜஸ் ஒரு வெப் பேஜ்ல ஒரு ஃபங்க்ஷனாலிட்டி ஆட் பண்றதுக்கு நம்ம ஜாவாஸ்கிரிப்ட் யூஸ் பண்றோம் போக போக நம்ம பண்ணி பார்க்க பார்க்க உங்களுக்கே புரியும் ஜாவாஸ்கிரிப்ட் எதுக்காக நம்ம யூஸ் பண்றோம் அப்படின்னு சொல்லி ஓகே ஃபர்ஸ்ட் லெட்ஸ் ஸ்டார்ட் வேரியபிள்ஸ்னா என்ன டேட்டா டைப்ஸ்னா என்ன ஆபரேட்டர்ஸ்னா என்ன இதுல ஃபர்ஸ்ட் வேரியபிள்ஸ் என்ன அப்படின்னு சொல்லி பார்க்கலாம் வேரியபில்ஸ் அப்படின்றது ஒரு இன்ஃபர்மேஷனை ஸ்டோர் பண்றதுக்கான ஒரு கண்டெய்னர் அதாவது இப்படி ஒரு பாக்ஸ் என்கிட்ட இருக்கு சரியா இந்த

பாக்ஸ்குள்ள நான் ஏதோ ஒன்னு போட்டு வைக்கிறேன் அப்போ இந்த பாக்ஸ்தான் எனக்கு வேரியபிள் ஓகேவா என் வீட்ல மஞ்சள் தூள் இருக்குன்னு வச்சுக்கோங்களேன் அந்த மஞ்சள் தூளை நான் இந்த டப்பாக்குள்ள கொட்டி வைக்கிறேன் அப்ப இந்த டப்பாதான் எனக்கு வேரியபிள் இதுக்கு நான் ஒரு நேம் கொடுக்கிறேன் a அப்படின்னு சொல்லி அப்போ இந்த வேரியபிளோட பேரு a அதாவது ஒரு டப்பா இருக்கு அந்த டப்பாக்கு வந்து மஞ்சள் தூள்ன்னு உங்க அம்மா லேபில் ஒட்டி வைப்பாங்க இல்ல அந்த மாதிரி என்னோட டப்பாக்கு நான் ஒரு லேபில் ஒட்டி வைக்கிறேன் மஞ்சள் தூள்ன்னு சொல்லி மாத்தூள் அப்படின்னு சொல்லி சோ இந்த டப்பா வேரியபிள் அந்த வேரியபிளோட நேம் மாத்தூள் ஆல்ரெடி மத்த ப்ரோக்ராமிங்ல நீங்க படிச்சிருந்தீங்கன்னா உங்களுக்கு தெரிஞ்சிருக்கும் ஈவன் பைதான் ப்ரோக்ராமிங் என்னோட வீடியோ பார்த்திருந்தீங்கன்னா உங்களுக்கு இது நான் ரொம்ப நல்லாவே

தெரிஞ்சிருக்கும் சோ இங்க வேர் a = 10 அப்படின்னு சொல்லி வேர்ன்ற கீவேர்ட் யூஸ் பண்ணி நான் வந்து என்னோட வேரியபிளை கிரியேட் பண்றேன் இது என்னன்னு சொல்லி நம்ம பார்க்கலாம் இப்போ இங்க a அப்படின்றது ஒரு வேரியபிள் இதுக்குள்ள 10 என்ற நம்பரை போடுறேன் அடுத்து b அப்படின்றது ஒரு வேரியபிள் இதுக்குள்ள 20 அப்படின்ற நம்பர் போடுறேன் A க்குள்ள 10 இருக்கு b க்குள்ள 20 இருக்கு இப்போ கன்சோல் லாக் அப்படின்றது நீங்க பைதான் இல்ல c++ எந்த ப்ரோக்ராமிங் லாங்குவேஜ் பண்ணி இருந்தாலும் வெளிய கன்சோல்ல பிரிண்ட் பண்றதுக்கு ஒரு ஃபங்க்ஷன் யூஸ் பண்ணுவீங்க அதே மாதிரி இங்க நம்ம யூஸ் பண்ற ஃபங்க்ஷன் தான் கன்சோல் இந்த கன்சோல் லாக் குள்ள நான் ஏதாவது போட்டேன் அப்படின்னா அது எனக்கு அவுட்புட்ல வரும் இப்ப இந்த கன்சோல் லாக்ல நான்

a + b ன்னு கொடுத்தேன் அப்படின்னா a க்குள்ள என்ன வேல்யூ இருக்கு 10 இருக்கு b க்குள்ள என்ன வேல்யூ இருக்கு 20 இருக்கு அப்போ இது ரெண்டும் சேர்ந்து எனக்கு என்னவா பிரிண்ட் ஆகும் 30 ன்னு சொல்லி எனக்கு அவுட்புட்ல பிரிண்ட் ஆகும் நம்ம இப்போ இதை லைவா பண்ணி பார்க்கலாம் ஃபர்ஸ்ட் ஜஸ்ட் பிரவுசர்ல எப்படி பண்றதுன்னு பார்க்கலாம் உங்களோட பிரவுசர் ஓபன் பண்ணிட்டு ஆன்லைன் ஜாவாஸ்கிரிப்ட் கம்பைலர்னு போட்டுக்கோங்க ஜாவா கம்பைலர் இல்ல ஆன்லைன் ஜாவாஸ்கிரிப்ட் கம்பைலர் சோ இந்த கம்பைலர நான் ஓபன் பண்ணிக்கிறேன் ஓகே இப்ப ஆல்ரெடி இங்க இருக்கிறது எல்லாத்தையுமே கிளியர் பண்ணிக்கிறேன் இப்ப நான் இதுல கோட் பண்ணப்போறேன் மெயின் ஜேஎஸ் ன்னு இருக்கு பார்த்துக்கோங்க பைதான் ஃபைல் பி அப்படின்னு சொல்லி இருக்கும் ஆனா ஜாவாஸ்கிரிப்ட் ஃபைல் ஜேஎஸ் இந்த மாதிரி ஒவ்வொரு லாங்குவேஜும் ஒவ்வொரு

எக்ஸ்டென்ஷன்ல இருக்கும் ஜேஎஸ் அப்படின்றது ஜாவாஸ்கிரிப்ட் ஃபைல் ஓகே இப்ப நம்ம நம்மளோட பிபிடில பார்த்த மாதிரி இப்ப வேர் a = 10 அப்படின்னா a அப்படின்ற ஒரு கண்டெய்னர்ல 10 அப்படின்ற வேல்யூ ஸ்டோர் ஆயிருக்கு வேர் b = 20 அப்படின்னா B அப்படின்ற கண்டெய்னர்ல 20 அப்படின்ற வேல்யூ ஸ்டோர் ஆயிருக்கு கன்சோல் அப்படின்ற ஸ்டேட்மென்ட் பிரிண்ட் பண்றதுக்கான ஸ்டேட்மென்ட் இப்ப இதை கன்சோல் a + b அப்படின்னு சொல்லி கொடுத்துட்டு நான் ரன் பண்ணேன் அப்படின்னா a வும் b யும் ஆட் ஆகி எனக்கு 13 பிரிண்ட் ஆகுது a மட்டும் பிரிண்ட் பண்ணேன்னா இப்ப என்ன ஆகும் a ல இருக்கிற வேல்யூ 10 பிரிண்ட் ஆகுது b மட்டும் கொடுத்தேன்னா b ல இருக்கிற வேல்யூ 20ன்னு பிரிண்ட் ஆகுது ஓகே சோ இதுதான் வேரியபிள் அதாவது ஏதோ

ஒரு டேட்டாவை ஸ்டோர் பண்ணி வைக்கிறதுக்கான ஒரு கண்டெய்னர் ஓகேவா சோ இப்ப இது உங்களுக்கு புரிஞ்சிருக்கும்னு நினைக்கிறேன் நெக்ஸ்ட் கான்செப்ட் போலாம் இப்போ இந்த வேரியபிளை டிக்ளர் பண்றதுக்கு மூணு வழிகள் இருக்கு அதாவது வேர் அப்படின்ற கீவேர்ட் யூஸ் பண்ணி நான் வேரியபிள் கிரியேட் பண்ணலாம் லெட் அப்படின்ற கீவேர்ட் யூஸ் பண்ணியும் நான் வேரியபிள் கிரியேட் பண்ணலாம் கான்ஸ்ட் அப்படின்ற கீவேர்ட் யூஸ் பண்ணியும் நான் வேரியபிள் கிரியேட் பண்ணலாம் இது மூணுக்கும் என்ன டிஃபரன்ஸ் ஏன் ஒன்னு மட்டும் யூஸ் பண்ணா பத்தாதா ஓகே இப்போ இது மூணுக்கும் என்ன வித்தியாசம் அப்படின்னு சொல்லி நம்ம பாக்கலாம் திரும்ப நான் என்னோட ஆன்லைன் கம்பைலரை நான் ஓபன் பண்ணிக்கிறேன் ஓகே இதுக்கு முன்னாடி நான் வேர் a = 20-ன்னு சொல்லி போட்டேன் கரெக்டா இப்ப நான் வேர் = 20 கவனிங்க மூணுக்கும் இருக்கிற

வித்தியாசத்தை நான் சொல்ல போறேன் console log இங்க a ன்னு கொடுத்தேன் இப்ப எனக்கு a ன்னு சொல்லி பிரிண்ட் ஆகுது a ல இருக்குறது 20-ன்னு பிரிண்ட் ஆகுது ஓகே நார்மலா வேர்ன்னு அப்படின்ற கீவேர்ட் டிக்ளர் பண்ணி நான் a அப்படின்ற வேரியபிளை கிரியேட் பண்றேன் ஓகே இப்போ அதே மாதிரி லெட் a = 20-ன்னு போட்டு கன்சோல் லாக்ல நான் ஏன்னு போடுறேன் இப்ப எனக்கு 20-ன்னு பிரிண்ட் ஆகுது அடுத்து லெட்டுக்கு பதிலா கான்ஸ்ட் அப்படின்ற கீவேர்ட் போட்டு இப்ப நான் ரன் பண்றேன் இப்பயும் 20-ன்னு பிரிண்ட் ஆகுது நான் என்ன போட்டாலும் எனக்கு அவுட்புட் ஒரே மாதிரிதான் கிடைக்குது எல்லாத்துக்கும் என்ன டிஃபரன்ஸ் இப்ப பாருங்க நான் ஒரு பிராக்கெட் ஓபன் பண்றேன் இப்ப இந்த பிராக்கெட்டுக்குள்ள லெட் a = 20 10-ன்னு சொல்லி போட்டுக்குறேன் இப்ப நான்

இங்க கன்சோல்ன்னு போடுறேன் கன்சோல் லாக்ல ஏ ன்னு பிரிண்ட் பண்றேன் இப்ப எனக்கு அவுட்புட் வருமா வராதா என்ன நினைக்கிறீங்க ஏதோ ஒன்னு கெஸ் பண்ணிருப்பீங்க இல்லையா இப்ப நான் ரன் பண்றேன் எனக்கு எரர் வருது என்ன எரர் வருது a இஸ் நாட் டிஃபைன்ட் அப்படின்ற எரர் வருது a இஸ் நாட் டிஃபைன்ட் இப்போ இந்த எரர் எப்போ வரும் அப்படின்னா இப்ப பாருங்க இந்த கோட நான் கம்ப்ளீட்டா எடுத்துறேன் இப்ப நான் இதை ரன் பண்ணேன் அப்படின்னா இப்ப எனக்கு சேம் எரர் வருது எப்போ நான் ஒரு வேரியபிள டிக்ளர் பண்ணலையோ அப்போ எனக்கு a இஸ் நாட் டிஃபைன்ட்னு சொல்லி எனக்கு அவுட்புட் வருது ஆனா இங்க நான் a வை டிஃபைன் பண்ணிருக்கேன் கரெக்ட்டா லெட் a = 10 அப்படின்னு சொல்லி நான் a வை வந்து

லெட் அப்படின்ற கீவேர்ட் யூஸ் பண்ணி டிக்ளேர் பண்ணிருக்கேன் அப்படினாலும் a இஸ் நாட் டிஃபைன் வருது இதுவே இப்ப நான் இங்க வேர்ன்னு போடுறேன் கவனிங்க இப்ப எனக்கு பிரிண்ட் ஆகுது ஓகே உங்களுக்கு இப்ப டிஃபரன்ஸ் என்னன்னு இப்போ ஆல்ரெடி புரிஞ்சிருக்கும்னு நினைக்கிறேன் இங்க லெட் அப்படின்றது லோக்கல் ஸ்கோப்ன்னு சொல்லி சொல்லுவாங்க அதே வேர் அப்படின்றதை குளோபல் ஸ்கோப்ன்னு சொல்லி சொல்லுவாங்க எனக்கு ஒரு குறிப்பிட்ட பிளாக்குள்ள மட்டும் இப்ப நான் வேர் ஏ வேர் ஏன்னு போட்டேன் அப்படின்னா இது குளோபல் ஸ்கோப் என்னால எல்லா இடத்துலயும் இதை அக்சஸ் பண்ணிக்க முடியும் இந்த பிராக்கெட் குள்ள போடுறதை என்னால வெளியேயும் அக்சஸ் பண்ணிக்க முடியும் ஆனா ஏதோ ஒன்னு பிரைவேட்டா ஒரு குறிப்பிட்ட பிளாக்குள்ள மட்டும் இருக்கணும் அப்படின்றப்ப நான் அத லெட் யூஸ் பண்ணி நான் இந்த பிளாக்குக்குள்ள மட்டும் என்னால யூஸ்

பண்ணிக்க முடியும் இப்ப பாருங்க இந்த இடத்துல திரும்பவும் நான் லெட் போடுறேன் இப்ப இந்த கன்சோல் லாக் வெளிய போடாம இந்த பிராக்கெட்டுக்குள்ள நான் போட்டேன் அப்படின்னா இப்ப எனக்கு ஒர்க் ஆகுது ஆனா பிராக்கெட்டுக்கு வெளிய போட்டா எனக்கு போன தடவை மாதிரி எரர் காட்டுது ஓகே சோ இதுதான் லெட்டுக்கும் வேர்க்கும் உள்ள டிஃபரன்ஸ் ஓகே அடுத்து கான்ஸ்ட் அப்படின்னு சொல்லி ஒன்னு இருக்கு இந்த கான்ஸ்ட்ன்னா என்ன கான்ஸ்ட் அப்படின்னாலே உங்களுக்கு தெரிஞ்சிருக்கும் கான்ஸ்ட் = கான்ஸ்டன்ட் இப்ப கான்ஸ்ட் a = 10 ன்னு சொல்லி போட்டுறேன் இப்ப நான் கன்சோல் a -ன்னு பிரிண்ட் பண்ணா எனக்கு அப்கோர்ஸ் a வந்து பிரிண்ட் ஆகுது கரெக்டா இதுவே இப்ப நான் கவனிங்க a = 20-ன்னு மாத்திட்டு பிரிண்ட் பண்றேன் a = 10 -ன்னு இருக்கு அதை a = 20-ன்னு

மாத்துறேன் இப்ப நான் a வை பிரிண்ட் பண்ண பாக்குறேன் இப்ப எனக்கு எரர் வராது வருது ஏன் அப்படின்னா அசைன்மென்ட் டு கான்ஸ்டன்ட் வேரியபிள் கான்ஸ்டன்ட் அப்படின்றப்ப ஒரு வேரியபிளுக்கு நான் ஒரு வேல்யூ செட் பண்ணிட்டேன் அப்படின்னா அந்த வேல்யூவை என்னால மாத்தவே முடியாது இப்படிப்பட்ட வேரியபிளை தான் நம்ம கான்ஸ்டன்ட் அப்படின்னு சொல்லி நம்ம டிக்ளேர் பண்றோம் இது இந்த இடத்துல கான்ஸ்டுக்கு பதிலா நான் வேர்ன்னு போட்டேன் அப்படின்னா இப்ப நான் இத ரன் பண்றப்ப இப்ப எனக்கு ஃபர்ஸ்ட் a = 10 ன்னு இருக்கு ஓகேவா அதாவது ஃபர்ஸ்ட் என்னோட கண்டெய்னர்ல என்ன இருக்கு a ன்ற கண்டெய்னர்ல 10 இருக்கு அடுத்து நான் என்ன பண்றேன் என்னோட கண்டெய்னர்ல 20-ன்னு போடுறேன் அப்போ இந்த 10 போய் எனக்கு 20 அப்படின்ற வேல்யூ வந்துருச்சு அப்ப நான் a வை பிரிண்ட்

பண்றப்ப இப்ப எனக்கு 20ன்ற வேல்யூ கிடைக்குது ஓகேவா அதே மாதிரி இப்ப நான் இங்க லெட் போட்டாலும் எனக்கு சேம் அவுட்புட் தான் வருது ஓகேவா கான்ஸ்டன்ட் எப்ப போடுவீங்க ஒரு வேல்யூ கான்ஸ்டன்ட்டா இருக்கணும் எப்பயுமே மாறவே கூடாது அப்படின்ற வேல்யூ எல்லாத்தையுமே நீங்க கான்ஸ்டன்ட்ல போடுவீங்க அதாவது லெட் வீக் டேஸ் அதாவது ஒரு வாரத்துக்கு ஏழு நாள்தான் அதை யாரு நினைச்சாலும் மாத்த முடியாது கரெக்டா இந்த மாதிரி டேட்டா எல்லாத்தையுமே ஓகே லெட் இல்ல கான்ஸ்டன்ட் இந்த மாதிரி டேட்டா எல்லாம் எல்லாத்தையும் நீங்க கான்ஸ்டன்ட்ல போடலாம் மத்தது எல்லாத்தையும் வேர் லெட் எங்க எது தேவையோ அதை நம்ம யூஸ் பண்ணிக்கலாம் எங்க எது போடுறது அப்படின்னு சொல்லி போக போக உங்களுக்கே புரியும் இப்போ உங்களுக்கு வேரியபிள்னா என்ன வேரியபிளோட டைப்ஸ் என்னென்ன அப்படின்னு சொல்லி உங்களுக்கு புரிஞ்சிருக்கும் குயிக்கா அகைன்

பார்த்தரலாம் வேர் இஸ் எ கீவேர்ட் ஃபங்க்ஷன் ஸ்கோப் ஆர் குளோபல் ஸ்கோப் சோ வேர் அப்படின்றது ஸ்கோப் ஒரு பிளாக்குக்கு வெளியோ ஆக்சஸ் பண்ணிக்க முடியும் அதே மாதிரி லெட் அப்படின்றது பிளாக் ஸ்கோப் ஒரு பிளாக் குள்ள மட்டும்தான் லெட்டை வந்து ஆக்சஸ் பண்ண முடியும் கான்ஸ்ட் கீவேர்ட் அப்படின்றப்ப ஒரு நம்பர் கான்ஸ்டன்ட்டா இருக்கும் அதை நம்மளால சேஞ்ச் பண்ண முடியாது ஓகே இப்போ அப்படியே உங்களோட வீடியோவை பாஸ் பண்ணிட்டு ஸ்க்ரீன்ல தெரியுற இந்த கொஸ்டினை பண்றதுக்கு ட்ரை பண்ணுங்க பண்ணியிருப்பீங்கன்னு நினைக்கிறேன் பண்ணாதவங்களுக்கு இப்ப நான் இதை பண்ணி காட்டப்போறேன் ஓகே சோ லெட்ஸ் பிகின் கிரியேட் எ வேரியபிள் நேம் பிரைஸ் அண்ட் செட் இட் டு எ ஸ்பெசிபிக் பிரைஸ் வேல்யூ என்ன சொல்றாங்க வேர் பிரைஸ்ன்னு ஒரு வேரியபிள் செட் பண்ண சொல்றாங்க பிரைஸ் = 100-ன்னு செட் பண்ணிக்கலாமே

அடுத்து செகண்ட் கிரியேட் எ வேரியபிள் நேம் கால்ட் ப்ராடக்ட் அண்ட் செட் இட் டு எ ப்ராடக்ட் நேம் ஏதோ ப்ராடக்ட்ன்னு சொல்லி ஒரு வேரியபிள் கிரியேட் பண்ணுங்க அதுக்கு ஏதோ ஒரு ப்ராடக்ட் நேம் ஸ்பெசிஃபை பண்ணுங்க ஓகே வேர் ப்ராடக்ட் = ஆப்பிள் ஓகே iphone வச்சுக்கலாம் என்ன சொல்றீங்க iphone 15 வேர் ப்ராடக்ட் = நான் ஒரு ப்ராடக்ட்ட டிக்ளேர் பண்ணிட்டேன் அடுத்து கிரியேட் எ வேரியபிள் நேம் டாக்ஸ் அண்ட் செட் இட் டு எ ஸ்பெசிபிக் டாக்ஸ் வேல்யூ அடுத்து ஒரு டாக்ஸ் வேரியபிள் கிரியேட் பண்ணுங்க அதுக்கு ஏதோ ஒரு டாக்ஸ் வேல்யூ குடுங்க நான் டேக்ஸ் வந்து ₹10-ன்னு சொல்லி கொடுத்துக்கிறேன் ஓகே அடுத்து பிரிண்ட் தி நேம் ஆப் தி ப்ராடக்ட் கன்சோல் லாக்ல நான் என்ன கொடுக்கிறேனோ அது எனக்கு வெளிய பிரிண்ட் ஆகும் கரெக்டா

இப்ப நான் சொன்னலாக்ல ப்ராடக்ட்ன்னு கொடுத்தேன்னா எனக்கு வெளியே இந்த iphone 15ன்றது பிரிண்ட் ஆகும் அடுத்து கால்குலேட் தி டோட்டல் பிரைஸ் அமௌன்ட் இன்குலூடிங் டாக்ஸ் அதாவது டோட்டல் = பிரைஸ் பிளஸ் டேக்ஸ் அண்ட் தென் பிரிண்ட் இட் டோட்டல் அமௌன்ட் கால்குலேட் பண்ண சொல்லி இருக்காங்க அப்போ வேர் டோட்டல் = பிரைஸ் பிளஸ் டாக்ஸ் அந்த டோட்டல்ல பிரிண்ட் பண்றேன் இப்ப நான் இத ரன் பண்றதுக்கு முன்னாடி இங்க நான் என்ன பண்ணிருக்கேன் அப்படின்னு சொல்லி நான் எக்ஸ்பிளைன் பண்றேன் ஃபர்ஸ்ட் எனக்கு என்ன இருக்கு பிரைஸ்ன்னு சொல்லி ஒரு கண்டெய்னர் இருக்கு இதுல ₹100 போட்டுருக்கேன் அடுத்து ஒரு ப்ராடக்ட்ன்னு சொல்லி ஒரு கண்டெய்னர் இருக்கு இதுல iphone 15ன்னு போட்டுருக்கேன் அடுத்து டாக்ஸ்ன்னு ஒரு டப்பா இருக்கு இதுல ₹10 போட்டுருக்கேன் அடுத்து கன்சோல் ப்ராடக்ட் அப்படின்னா இந்த ப்ராடக்ட் குள்ள

என்ன இருக்கு iphone 15 இருக்கு அப்ப எனக்கு வெளிய iphone 15-ன்னு பிரிண்ட் ஆகணும் அடுத்து வேர் டோட்டல் = பிரைஸ் பிளஸ் டேக்ஸ் டோட்டல் அப்படின்றது இது இன்னொரு ஒரு டப்பா இந்த டோட்டல்ல என்ன சொல்லி இருக்கேன் பிரைஸ் பிளஸ் டாக்ஸ் பிரைஸ்குள்ள என்ன இருக்கு 100 பிளஸ் டாக்ஸ்குள்ள என்ன இருக்கு ₹10 அப்போ டோட்டல நான் பிரிண்ட் பண்றப்ப என்னன்னு பிரிண்ட் ஆகணும் 110 கரெக்டா அப்ப எனக்கு வெளிய iphone 15 110 இது ரெண்டும் தான் பிரிண்ட் ஆகணும் கரெக்டா ஓகே சோ இப்ப நம்ம பிரிண்ட் பண்ணி பார்க்கலாம் என்ன ஆகுது அப்படின்னு சொல்லி நல்லா கவனிங்க பிரிண்ட் பண்ணி பார்க்கலாம் இப்ப நான் ரன் கொடுக்கிறேன் எனக்கு iphone 15 கிட்ட எரர் வருது iphone 15 இஸ் நாட் டிஃபைன்ட் அப்படின்னு சொல்லி வருது ஓகே iphone

15 இஸ் நாட் டிஃபைன்ட்ன்னு சொல்லி வருது நான் இது எல்லாத்தையுமே கமெண்ட் பண்ணி வச்சுக்கிறேன் இதை நம்ம திரும்ப யூஸ் பண்ணுவோம் இங்க என்ன நடக்குதுன்னா பாருங்க இப்ப நான் கன்சோல் லாக்ல a -ன்னு பிரிண்ட் பண்ணா a இஸ் நாட் டிஃபைன்ட் அப்படின்னு சொல்லி எனக்கு எரர் வருது இப்ப நான் வேர் a = 10 ன்னு போட்டுட்டு பிரிண்ட் பண்ணேன் அப்படின்னா இப்ப எனக்கு வெளிய பிரிண்ட் ஆகுது கரெக்டா அப்போ இந்த மாதிரி நான் ஒரு a அப்படின்னு சொல்லி நான் எம்டியா இப்படி நான் கொடுக்கிறப்ப எதை நான் மீன் பண்றேன் a அப்படின்னு சொல்லி ஏதோ ஒரு வேரியபிள் நான் கிரியேட் பண்ணிருக்கேன் அந்த வேரியபிள்குள்ள என்ன வேல்யூ இருக்கோ அதை எடுத்து வெளிய பிரிண்ட் பண்ணு அப்படின்னு சொல்லி நான் சொல்றேன் ஓகேவா இப்ப நான் போன தடவை

பண்ண ப்ரோக்ராம்ல iphone 15 அப்படின்னு சொல்லி இப்படி நான் இப்ப நான் போட்டேன் அப்படின்னா திரும்ப எனக்கு என்ன எரர் வருது iphone 15 இஸ் நாட் டிஃபைன் வருது அதாவது iphone 15-ன்னு ஒரு வேரியபிள் கிரியேட் பண்ணு அப்படின்னு சொல்லி சொல்லுது iphone 15 = வேர் iphone 15 = ஏதாவது ஒன்னு கிரியேட் பண்ணனும்னு சொல்லி சொல்லுது இங்க ப்ராப்ளம் என்ன இதே iphone 15 நான் டபுள் கொட்டேஷன்ல போட்டா எனக்கு iphone 15-ன்னு வெளிய பிரிண்ட் ஆகுது ஓகே இது ரெண்டுக்குள்ள வித்தியாசம் புரிஞ்சுக்கோங்க ஒரு விஷயம் எனக்கு அப்படியே வெளிய பிரிண்ட் ஆகணும் நான் இதுக்குள்ள என்ன போடுறேனோ அது அப்படியே எனக்கு வெளிய வேணும் அப்படின்னா நான் அதை டபுள் கொட்டேஷன்ல போடுவேன் இப்போ வேர் a = apple console log a அப்படின்னு சொல்லி போட்டேன்

அப்படின்னா இப்ப எனக்கு ஆப்பிள் இஸ் நாட் டிஃபைன் வருது இப்ப என்னோட ப்ரோக்ராம் என்ன பண்ணுது இதை நல்லா புரிஞ்சுக்கோங்க இதுல நிறைய மிஸ்டேக் வந்து பிகினர்ஸ் பண்ணுவீங்க இப்ப ப்ரோக்ராம் என்ன பண்ணுது a என்ற கண்டெய்னர்ல ஆப்பிள்னு சொல்லி இருக்கு ஓகேவா இப்போ ப்ரோக்ராம் என்ன நினைக்கும் அப்படின்னா a அப்படின்னு சொல்லி ஒரு கண்டெய்னர் இருக்கு சரி அந்த கண்டெய்னர் குள்ள போவோம்னு சொல்லி போகுது அடுத்து ஏன்ற கண்டெய்னர் குள்ள இன்னொரு கண்டெய்னர் இருக்கு ஆப்பிள்னு சொல்லி அப்படி நினைக்குது நம்மளோட ப்ரோக்ராம் ஆட்டோமேட்டிக் ஏன்ற கண்டெய்னருக்குள்ள ஆப்பிள்னு சொல்லி இன்னொரு கண்டெய்னர் இருக்கு போலப்பா அதுக்குள்ள ஏதாவது இருக்கான்னு சொல்லி பார்க்கலாம் அப்படின்னு சொல்லி தேடி பார்க்குது ஆனா ஆப்பிள் அப்படின்றது ஒரு வேரியபிள் கிடையாது வேர் a = இப்படி டபுள் கொட்டேஷன்ல போட்டீங்க அப்படின்னா a = ஆப்பிள் அப்படின்னு

சொல்லி ஸ்டோர் ஆயிருக்கும் இல்லைன்னா இந்த ஆப்பிளை உங்களோட ப்ரோக்ராம் ஒரு வேரியபிளா நினைச்சிரும் அந்த வேரியபிளை நீங்க கிரியேட் பண்ணவே இல்லை அதனால உங்களுக்கு ஆப்பிள் இஸ் நாட் டிஃபைன்ட் அப்படின்னு சொல்லி உங்களுக்கு எரர் வரும் எப்பலாம் உங்களுக்கு ஒரு வேல்யூ டைரக்டா வெளிய பிரிண்ட் ஆகணும் அப்படின்னு சொல்லி நினைக்கிறீங்களோ அப்பலாம் அதை டபுள் கொட்டேஷன்ல கொடுங்க இப்ப நான் இதை டபுள் கொட்டேஷன்ல கொடுக்கிறேன் ஸ்ட்ரிங் ஒரு லெட்டரை நான் ஸ்டோர் பண்ணனும் அப்படின்னா டபுள் கொட்டேஷன்ல கொடுப்பேன் ஒரு நம்பரை நான் ஸ்டோர் பண்ணனும் அப்படின்னா டைரக்டா கொடுப்பேன் ஓகேவா இப்ப நான் இதை ரன் பண்றப்ப எனக்கு ஆப்பிள்னு சொல்லி பிரிண்ட் ஆகுது எதுக்கு டபுள் கொட்டேஷன் போடுறோம் எதுக்கு டபுள் கொட்டேஷன் போட மாட்டோம் அப்படின்ற ஒரு அண்டர்ஸ்டாண்டிங் உங்களுக்கு கிடைச்சிருக்கும்னு நினைக்கிறேன் இப்ப நம்ம பழைய ப்ரோக்ராம்க்கு வரலாம் இது

எல்லாத்தையும் இப்ப நான் கன்கமெண்ட் பண்ணிடுறேன் இப்ப இந்த இடத்துல என்ன பிரச்சனை iphone 15 இஸ் நாட் டிஃபைன்ட் அப்போ iphone 15 நான் டபுள் கொட்டேஷன்ல போடணும் எங்கெல்லாம் ஸ்ட்ரிங் அதாவது லெட்டர்ஸ் இருக்கோ அது எல்லாத்தையுமே நான் டபுள் கொட்டேஷன்ல போடணும் இப்ப நான் இதை ரன் பண்றேன் இப்ப எனக்கு அவுட்புட் கரெக்டா வந்துருச்சு உங்களுக்கு ஒருவேளை உடனே லோட் ஆகல அப்படின்னா பேஜ் ரெஃப்ரெஷ் பண்ணிட்டு அகைன் டைப் பண்ணி பாருங்க ஓகே ஓகே சோ உங்களுக்கு எல்லாரும் புரிஞ்சிருக்கும்னு நினைக்கிறேன் அடுத்து ஓகே சோ இதுதான் நான் உங்களுக்கு இப்ப நான் எக்ஸ்பிளைன் பண்றேன் understand the difference between name and name with javascript when a value or string is enclosed in double cotation like name it is treated as string ஒரு

இந்த மாதிரி டபுள் கொட்டேஷன் குள்ள இருந்துச்சுன்னா அது ஸ்ட்ரிங்கா எடுத்துக்கும் when something is mentioned without do டபுள் கொட்டேஷன் மார்க்ஸ் இந்த மாதிரி டபுள் கொட்டேஷன் மார்க்கா இல்ல அப்படின்னா ஒரு ரெபரன்ஸ் வேரியபிளா எடுத்துக்கும் ஓகே அதனால எதெல்லாம் நீங்க வந்து டைரக்ட் வேல்யூவா நீங்க போடணும்னு நினைக்கிறீங்களோ அது எல்லாத்தையுமே டபுள் கொட்டேஷன்ல குடுங்க வேரியபிளா இருந்தா மட்டும் டபுள் கொட்டேஷன் இல்லாம கொடுங்க ஓகே ஓகே அடுத்து மூவ் ஆகலாம் இப்போ அந்த எக்சர்சைஸ்ல நீங்க ஸ்ட்ரகிள் பண்ணியிருக்கலாம் உங்களுக்கு அந்த எக்சர்சைஸ் இப்ப எப்படி பண்ணனும்னு சொல்லி ஒரு ஐடியா கிடைச்சிருக்கும் இப்ப நீங்க இந்த எக்சர்சைஸ் கம்ப்ளீட் பண்ணுங்க வீடியோவை பாஸ் பண்ணிட்டு சூப்பர் பண்ணியிருப்பீங்கன்னு நம்புறேன் இப்ப நான் இதுக்கான ப்ரோக்ராம் எழுதுறேன் டிக்ளர் எ வேரியபிள் நேம் கால்ட் ஃப்ரூட் நேம் வேர் ஃப்ரூட் நேம் =

ஆப்பிள்னு வச்சுக்கலாம் ஓகேவா டிக்ளர் எ வேரியபிள் நேம் கவுண்ட் வேர் கவுண்ட் = அந்த கொஸ்டின ஒரு தடவை ஃபுல்லா ரீட் பண்ணிரலாம் கவுண்ட் டிக்ளர் வேரியபிள் நேம் பிரைஸ் அண்ட் செட் இட் தி பிரைஸ் ஆப் தி ஃப்ரூட் டிக்ளேர் வேரியபிள் நேம் டோட்டல் அண்ட் கால்குலேட் இட் பை மல்டிபிளைங் தி கவுண்ட் பை தி பிரைஸ் ஓகே இப்ப இங்க என்ன இருக்குன்னா ஒரு ஃப்ரூட் இருக்கு அந்த ஃப்ரூட்டோட கவுண்ட் இருக்கு ஒரு ஃப்ரூட்டோட விலை என்ன அப்படின்னு சொல்லி நமக்கு ஒரு ப்ரோக்ராம்ல பிரைஸ் செட் பண்ண போறோம் அதுக்கப்புறம் டோட்டல் அப்படின்னு சொல்லி ஒரு வேரியபிள் டிக்ளர் பண்ணி எத்தனை கவுண்ட் அதாவது எத்தனை ஃப்ரூட் இருக்கு அத்தனை ஃப்ரூட்டோட விலை என்ன அப்படின்னு சொல்லி நம்ம கால்குலேட் பண்ணி அவுட்புட் போடப்போறோம் இதான் கொஸ்டின் ஓகே அடுத்து கவுண்ட்

= ஆப்பிள் இருக்கு எத்தனை ஆப்பிள் இருக்கு 10 ஆப்பிள் இருக்குன்னு வச்சுக்கலாம் அடுத்து டிக்ளர் எ வேரியபிள் நேம் பிரைஸ் அண்ட் செட் இட் டு தி பிரைஸ் ஆப் தி ஃப்ரூட் ஒரு ஆப்பிளோட விலை என்ன ஒரு ஆப்பிளோட விலை என்ன ₹100-ன்னு வச்சுக்கலாம் ஒரு ஆப்பிளோட விலை அடுத்து டிக்ளர் வேரியபிள் டோட்டல் அண்ட் கால்குலேட் இட் பை மல்டிபிளைங் தி கவுண்ட் பை தி பிரைஸ் அடுத்து வேர் டோட்டல் = இப்போ 10 ஒரு ஆப்பிளோட விலை ₹100 அப்படின்னா ஒரு ஆப்பிளோட விலை மல்டிபிளை பண்றதுக்கு நீங்க ஸ்டார் அப்படின்ற சிம்பல் யூஸ் பண்ணுங்க ஓகே இந்த ஸ்டார் சிம்பல் அதாவது இப்போ ஒரு ஆப்பிளோட விலை ₹100 1*100 = 100 10 ஆப்பிளோட விலை 10 * 100 கரெக்டா இப்போ கன்சோல் லாக் இப்ப நான் இங்க

இப்போ டோட்டல்னு கொடுக்கிறேன் இப்ப எனக்கு வெளிய என்ன பிரிண்ட் ஆகும்னு நினைக்கிறீங்க கெஸ் பண்ணுங்க வெளிய 1000 பிரிண்ட் ஆகுமா இப்ப நான் இதை ரன் பண்றேன் எனக்கு டோட்டல்னு இதுக்குள்ள என்ன போட்டு இருக்கேனோ அப்படியே பிரிண்ட் ஆயிருக்கு ஆனா எனக்கு என்ன பிரிண்ட் ஆகணும் இந்த டோட்டல் கண்டெய்னருக்குள்ள என்ன வேல்யூ இருக்கோ அது பிரிண்ட் ஆகணும் அப்ப நான் டபுள் கொட்டேஷன்ல கொடுக்கக்கூடாது டபுள் கொட்டேஷன் எடுத்துட்டு அந்த வேரியபிள் நேம கொடுக்கணும் இப்ப நான் இதை ரன் பண்றப்ப எனக்கு 1000-ன்னு சொல்லி பிரிண்ட் ஆகுது ஓகே இங்க 10*100 அப்படின்னு நான் கொடுக்குறதுக்கு பதிலா இந்த இடத்துல கவுண்ட் இன்டு பிரைஸ்ன்னு கொடுக்க போறேன் அப்படின்னா என்ன அர்த்தம் கவுண்ட்ன்ற வேரியபிள்குள்ள என்ன இருக்கு 10 இருக்கு பிரைஸ் என்ற வேரியபிள்குள்ள 100 இருக்கு அப்போ 10*100 டோட்டலுக்குள்ள 1000-ன்னு ஸ்டோர் ஆயிருக்கும்

இப்ப நான் இதை ரன் பண்றப்ப எனக்கு திரும்ப 1000 தான் அவுட்புட் கிடைக்கும் ஓகே உங்களுக்கு ஒவ்வொரு ப்ரோக்ராமும் புரியல அப்படின்னா பேப்பர்ல ஒன்னு ஒன்னா எழுதி பாருங்க ஒவ்வொரு ஸ்டெப்பா எழுதி பார்த்து பிராக்டிஸ் பண்ணுங்க அப்போ உங்களுக்கு கோடிங் ரொம்ப ஈஸியாவே புரியும் இப்ப நம்ம வேரியபிள் நேம் என்ன எப்படி வேரியபிள் டிக்ளர் பண்றது அப்படின்ற ஒரு அண்டர்ஸ்டாண்டிங் உங்களுக்கு கிடைச்சிருக்கும்னு சொல்லி நான் நம்புறேன் ஓகே ஜாவாஸ்கிரிப்ட்ல கீவேர்ட்ஸ்னா என்ன நான் ஜஸ்ட் ஷார்ட்டா உங்களுக்கு எக்ஸ்பிளைன் பண்றேன் ஜாவாஸ்கிரிப்ட்ல கீவேர்ட்ஸ் அப்படின்றப்ப வேர் அப்படின்னு நான் போட்ட உடனே ப்ளூ கலர்ல லைட் எரியுது பார்த்தீங்களா இந்த வேர் அப்படின்றது கீவேர்ட் கீவேர்ட்னா என்ன அப்படின்னா ஆல்ரெடி ஜாவாஸ்கிரிப்ட்ல ப்ரீ டிஃபைன்னா ஒரு சில ஒரு ஒரு சில கோடு வச்சிருப்பாங்க வேர் லெட் கான்ஸ்ட் இது எல்லாமே ஜாவாஸ்கிரிப்ட்டோட கீவேர்ட்ஸ் பங்க்ஷன்

பார் இந்த மாதிரி ஒரு சில விஷயங்கள் இது எல்லாமே ஜாவாஸ்கிரிப்ட்டோட கீவேர்ட்ஸ் அத நம்ம ஒரு வேரியபிளா யூஸ் பண்ண முடியாது உதாரணத்துக்கு வேர் இப் = 20 கன்சோல் லாக் இப் இந்த மாதிரி நான் கிரியேட் பண்ணக்கூடாது ஓகேவா இந்த மாதிரி கிரியேட் பண்ணா எனக்கு எரர் வருது ஓகே ஜாவாஸ்கிரிப்ட்டோட கீவேர்ட்ஸ நம்ம வேரியபிள்ஸா யூஸ் பண்ணக்கூடாது சோ இந்த மாதிரி ஒரு சில கீவேர்ட்ஸ் எல்லாம் இருக்கு ஓகே ஜாவாஸ்கிரிப்ட்ல கமெண்ட்ஸ்னா என்ன சிங்கிள் லைன் கமெண்ட்ஸ் மல்டி லைன் கமெண்ட்ஸ் அதாவது சிம்பிளா ஒரு விஷயம் அவுட்புட்ல தெரியக்கூடாது ஆனா யாராவது பார்த்தா அவங்களுக்கு வந்து அது புரியணும் அப்படின்றதுக்காக இந்த கமெண்ட்ஸ் யூஸ் பண்றோம் அதாவது ஜாவாஸ்கிரிப்ட் கமெண்ட்ஸ் can be used to explain javascript code And to make it more reடபிள் இப்ப நான் ஒரு

உதாரணம் சொல்றேன் இப்ப நான் கவனிங்க வேர் ஃப்ரூட் = ஆப்பிள்னு சொல்லி போடுறேன் ஆனா இந்த இந்த ஆப்பிள் வந்து ஊட்டி ஆப்பிள்னு வச்சுக்கோங்க நான் இந்த கோட பார்க்கிறவங்களுக்கு இது ஊட்டி ஆப்பிள்னு சொல்லி தெரியப்படுத்தணும் ஆனா அது அவுட்புட்ல வரணும்னு சொல்லி எனக்கு அவசியம் இல்லை இந்த மாதிரி நான் போடுறப்ப எனக்கு அவுட்புட்ல ஆப்பிள்னு வந்துருச்சு நான் இங்க டைப் பண்ணி இருக்கிற ஓட்டி ஆப்பிள் வெளிய வரல ஆனா கோட பார்க்கிறவங்களுக்கு புரியும் ஓகே இந்த ஃப்ரூட்குள்ள ஆப்பிள்னு ஸ்டோர் ஆயிருக்கு அப்ப இது ஓட்டி ஆப்பிள் போல அப்படின்னு சொல்லி பாக்குறவங்களுக்கு புரியும் இந்த மாதிரி கோட கோடர்ஸ் வந்து பாக்குறப்ப அவங்களுக்கு புரியணும் அவங்களுக்கு என்ன கோடு நடந்திருக்கு அப்படின்னு சொல்லி அண்டர்ஸ்டாண்டபிலா இருக்கும் அதாவது குட்டி குட்டி நோட்ஸ் அப்படின்னு வச்சுக்கோங்களேன் கோடு எழுதுறப்போ ஒரு குட்டி குட்டி நோட்ஸ்

நீங்க ஆட் பண்ணனும் அப்படின்னா இந்த மாதிரி கமெண்ட்ஸ் நீங்க யூஸ் பண்ணிக்கலாம் மத்த ப்ரோக்ராமிங் லாங்குவேஜ்ல நீங்க பண்ணிருந்தீங்கன்னா அதுல கூட நீங்க இந்த மாதிரி கமெண்ட்ஸ் யூஸ் பண்ணி இருப்பீங்க ஓகே இது சிங்கிள் லைன்ல இருக்கு சிங்கிள் லைன் கமெண்ட்ஸ்ன்னா நீங்க டபுள் ஸ்லாஷ் போடுவீங்க மல்டி லைன் கமெண்ட்ஸ் அப்படின்னா ஸ்லாஷ் ஸ்டார் அண்ட் தென் உள்ள ஏதாவது டைப் பண்ணிட்டு திரும்ப ஸ்டார் ஸ்லாஷ் சொல்லி போடுவேன் ஓகே சோ திஸ் இஸ் கமெண்ட்ஸ் இன் ஜாவாஸ்கிரிப்ட் ஓகே ஜாவாஸ்கிரிப்ட் ஆபரேட்டர்ஸ் இப்ப கவனிங்க வேர் a = 10 வேர் b = 20 c= a+b கன்சோல் லாக் c இப்ப நான் இதை ரன் பண்ணா என்ன அவுட்புட் வரும்னு சொல்லி உங்களுக்கே தெரியும் 30 சொல்லி அவுட்புட் வந்திருக்கு இப்போ இதுல இந்த a ன்றது வேரியபிள் 10

ன்றது ஏதோ ஒரு டேட்டா ஏதோ ஒரு இன்பர்மேஷன் ஓகேவா 10 அப்படின்றது ஒரு நம்பர் ஓகே இங்க c ன்றது வேரியபிள் a ன்றது வேரியபிள் b ன்றது வேரியபிள் இந்த கன்சோல் லாக் அப்படின்றது ஒரு ஃபங்க்ஷன் ஓகே வேற என்ன மீதி இருக்கு ஈக்குவல் இருக்கு இல்லையா அண்ட் தென் இங்க ஒரு பிளஸ் இருக்கு இல்லையா இந்த ஈக்குவல் பிளஸ் மைனஸ் ஸ்டார் டிவிஷன் இது எல்லாமே ஆபரேட்டர்ஸ் அப்படின்னு சொல்லி சொல்றோம் ஓகேவா அவ்வளவுதான் சோ சிம்பிள் இது எல்லாமே வேரியபில்ஸ் இது எல்லாமே ஆபரேட்டர்ஸ் சோ ஜாவாஸ்கிரிப்ட்ல ஒரு முக்கியமான ஒரு ஆபரேட்டர் பத்தி பார்க்க போறோம் இன்கிரிமெண்ட் அண்ட் டிகிரிமெண்ட் ஆபரேட்டர்ஸ் ஓகேவா சோ கொஞ்சம் கவனமா கவனிங்க இந்த இன்கிரிமெண்ட் ஆபரேட்டர் ஒர்க் ஆகுது எப்படி ஒர்க் ஆகுது டிகிரிமெண்ட் ஆபரேட்டர் எப்படி ஒர்க் ஆகுது அப்படின்னு சொல்லி நிறைய

பேரு இந்த இன்கிரிமெண்ட் வந்து ஜஸ்ட் இன்கிரிமெண்ட் ஆகும் பிளஸ் பிளஸ்ன்னு போட்டா அப்படின்னு நினைச்சுட்டு இருக்கீங்க இதுல ஒரு ட்விஸ்ட் இருக்கு இப்ப நான் சொல்லப்போறதை நல்லா கவனிங்க வேர் a = 10 a+ கன்சோல் 8 இப்ப நான் இதை ரன் பண்ணேன்னா எனக்கு என்ன அவுட்புட் கிடைக்கும் அப்கோர்ஸ் 11 இங்க என்ன நடந்திருக்கு ஃபர்ஸ்ட் எனக்கு அவுட்புட்ல வேரியபிள் ஒரு பாக்ஸ்ல a = 10 ன்னு சொல்லி இருக்கு அதுக்கப்புறம் நான் என்ன பண்றேன் a+ பண்றேன் அதாவது இங்க 10 இருக்கு அப்படின்னா அதுல இருந்து ஒன்னு இன்கிரிமெண்ட் பண்றேன் அப்ப எனக்கு a ல 11ன்னு சொல்லி வந்திருக்கு இப்ப அதே மாதிரி என்ன பண்ண போறேன் a மைனஸ் மைனஸ்ன்னு பண்றேன் இப்ப நான் இதை ரன் பண்றேன் எனக்கு 9ன்னு வந்திருக்கு 10 ல இருந்து ஒன்னு

கம்மி ஆயிருக்கு ஓகே இதை இதை என்ன சொல்லுவோம் அப்படின்னா போஸ்ட் இன்கிரிமெண்ட் போஸ்ட் டிகிரி அதாவது a -க்கு அப்புறம் நான் பிளஸ் பிளஸ் போடுறேன் a க்கு அப்புறம் நான் மைனஸ் மைனஸ் போடுறேன் இப்போ ப்ரீ இன்கிரிமெண்ட் a க்கு முன்னாடி பிளஸ் பிளஸ் போடுறேன் இப்ப என்ன ஆகுதுன்னு பாருங்க இப்ப எனக்கு அதே அவுட்புட் தான் வருது இப்ப நான் மைனஸ் மைனஸ் போடுறேன் இப்பயும் 10 ல இருந்து ஒன் வந்து ரெடியூஸ் ஆகுது ஓகே இதுல என்ன ட்ரிக் பிளஸ் ஆகுது மைனஸ் ஆகுது அவ்வளவுதானே சிம்பிள் லாஜிக் பட் இப்ப நான் சொல்லப்போறதை கவனிங்க லிசன் கேர்ஃபுல்லி வேர் b = a+ கன்சோல் பி இப்போ இந்த b -ல என்ன ஸ்டோர் ஆகும் யோசிச்சு பாருங்க யோசிச்சிருப்பீங்கன்னு நினைக்கிறேன் இப்ப ரெண்டு பண்றேன் எனக்கு b -ல

10 தான் ஸ்டோர் ஆயிருக்கு a வை வந்து நான் 10 ன்னு சொல்லி மென்ஷன் பண்ணியிருக்கேன் கரெக்டா அடுத்து a + ன்னா எனக்கு இங்க 11 தான இருக்கணும் அப்ப இந்த b க்குள்ள 11 தான ஸ்டோர் ஆயிருக்கணும் ஆனா ஏன் b க்குள்ள 10 ஸ்டோர் ஆயிருக்கு சோ இப்ப நம்ம இதை கொஞ்சம் டீகோட் பண்ணி பார்க்கலாம் a = 10 a என்ற பாக்ஸ்குள்ள 10 இருக்கு a + ஆகுது அதுக்கப்புறம் அதே a 11 மாறுது ஆனா இந்த இடத்துல நான் a +ன்னு பண்றப்ப எனக்கு இதோட வேல்யூ இன்னுமே 10-ஆ தான் இருக்கு கவனிங்க 10-க்கு அப்புறம் நான் a +ன்னு போடுறேன் a + a + இந்த பிளஸ் திரும்ப எப்போ இன்னொரு ஒரு a வை பாக்குதோ அப்பதான் இந்த a+ 11

மாறுது கவனிங்க இங்க a = 10 அடுத்து நான் a +ன்னு போட்டேன் இப்போ இந்த a+ல என்னோட வேல்யூ 10 தான் இருக்கும் ஆனா இப்ப நான் கன்சோல் லாக்ல a னு போட்டேன் அப்படின்னா இந்த a+ திரும்பவும் இந்த a வை பாக்குது அப்படி திரும்பவும் இந்த a வை பாக்குறப்ப இப்போ இதோட a வோட வேல்யூ 10 ல இருந்து 11 இன்கிரிமெண்ட் ஆகும் புரியுதா சோ நான் அகைன் எக்ஸ்பிளைன் பண்றேன் நல்லா கவனிங்க நீங்க இப்ப நான் இந்த இடத்துல ஃபர்ஸ்ட் a வோட வேல்யூ என்னவா இருக்கும் a வோட வேல்யூ 10-ஆ இருக்கும் a + பிளஸ் ன்னு இருக்குறப்ப இதோட வேல்யூ 10-ஆ தான் இருக்கும் திரும்ப எப்போ a வை பாக்குதோ இந்த பிளஸ் பிளஸ்க்கு அப்புறம் திரும்ப இந்த பிளஸ் எப்போ a

+ அப்படின்னா திரும்ப இந்த a + எப்போ a வை பாக்குதோ அப்பதான் அதோட வேல்யூ 11-ஆ மாறும் அதுவரைக்கும் அதோட வேல்யூ 10-ஆதான் இருக்கும் இப்போ இங்க b கீழ 10-ன்னு ஸ்டோர் ஆயிருக்கு இப்பயுமே என்னோட a வோட வேல்யூ என்னவாதான் இருக்கும் 10-ஆதான் இருக்கும் ஆனா இப்ப நான் கன்சோல் லாக் a -ன்னு போட்டேன் அப்படின்னா இந்த a + இந்த லைனுக்கு வர்றப்ப திரும்பவும் a வை மீட் பண்ணுது அப்போ எனக்கு என்ன ஆகும் 11-ஆ மாறும் இந்த a + இங்க 10-ஆ இருக்கு இங்கயும் 10-ஆ இருக்கு அந்த 10 b ல ஸ்டோர் ஆகுது கன்சோல் லாக் b ல நான் ஸ்டோர் பண்றப்ப 10 பிரிண்ட் ஆகுது அடுத்து இந்த a + பிளஸ்க்கு அப்புறம் திரும்ப இந்த a வை மீட் பண்ணுது அப்போ

11-ஆ மாறுது இப்போ நான் மைனஸ் மைனஸ் பண்ணா என்ன ஆகும் அதே அப்படியே ரிவர்ஸ் கரெக்டா இப்போ b 10 ஆதான் இருக்கும் அதுக்கப்புறம் திரும்பவும் என்ன ஆகுது b 10 ஆதான் இருக்குது திரும்பவும் a வை பாக்குறப்ப ஒன்னு மைனஸ் ஆகுது ஓகே ஆனா ஆனா கவனிங்க இப்ப நான் பிளஸ் பிளஸ் ஏ போடுறேன் இப்போ b ல என்ன ஸ்டோர் ஆயிருக்கும் ரன் பண்ணி பார்க்கிறேன் இப்போ b -ல 11 ஸ்டோர் ஆயிருக்கு அகைன் நான் எக்ஸ்பிளைன் பண்றேன் இங்க என்ன நடக்குதுன்னு சொல்லி சோ ஃபர்ஸ்ட் a இருக்கு a ல என்ன வேல்யூ இருக்கு 10 இருக்கு + + a இந்த 10 அதாவது இந்த a இங்க இருக்கு இந்த a இந்த a வை பார்க்கிறதுக்கு முன்னாடியே பிளஸ் வந்துருது அப்போ இந்த a இந்த

a க்கு போறப்பவே இந்த 10 இங்க 11-ஆ மாறிருது இது திரும்ப திரும்பவும் போய் இன்னொரு a வை பார்க்கணும்னு அவசியம் இல்லை ஓகே இதுதான் ப்ரீ இன்கிரிமெண்ட்டோட வேலை a = 10 அப்படின்னா + a இந்த a ல இருந்து இந்த a க்கு வரப்பே நடுவுல பிளஸ் வந்துருச்சு அதனால இந்த a க்கு வர்றப்பயே இந்த 10 வந்து 11 மாறிரும் அப்போ இந்த a இந்த இடத்திலேயே எனக்கு 11-ஆ மாறிருச்சு b க்குள்ள எனக்கு 11 மட்டும் ஸ்டோர் ஆயிருக்கு வெளிய நான் பீன் பிரிண்ட் பண்றப்ப எனக்கு 11-ன்னு சொல்லி பிரிண்ட் ஆகுது சோ பிராக்டிஸ் பண்ணி பாருங்க இந்த ப்ரீ இன்கிரிமெண்ட் போஸ்ட் இன்கிரிமெண்ட் எப்படி வொர்க் ஆகும் அப்படின்னு சொல்லி பிராக்டிஸ் பண்ணி பாருங்க மே பி இனிஷியலா கன்பியூசிங்கா இருக்கும் கொஞ்சம் நான் சொன்னதை

அகைன் வீடியோ ரீவைண்ட் பண்ணி கூட பாருங்க அப்போ உங்களுக்கு ஒரு கிளியர் அண்டர்ஸ்டாண்டிங் கிடைக்கும் ஓகே சோ இப்படித்தான் இன்கிரிமெண்ட் அண்ட் டிகிரிமெண்ட் ஆபரேட்டர் வந்து நமக்கு ஒர்க் ஆகுது ஓகே இப்போ டேட்டா டைப்னா என்ன ஜாவாஸ்கிரிப்ட்ல என்னென்ன டேட்டா டைப் எல்லாம் இருக்கு ஜாவாஸ்கிரிப்ட்ல டேட்டா டைப்லாம் என்னன்னு சொல்லி பார்க்கலாம் இப்ப நான் இங்க கன்சோல் 10-ன்னு கொடுத்தேன்னா எனக்கு வெளிய 10-ன்னு பிரிண்ட் ஆகும் டபுள் கொட்டேஷன்ல ஆப்பிள்னு கொடுத்தேன்னா ஆப்பிள்னு பிரிண்ட் ஆகும் ஆனா 10 வேற இந்த ஆப்பிள் வேற கரெக்டா ரெண்டுமே வேற வேற டேட்டா வேற வேற விதமான டேட்டாஸ் வேற வேற விதமான தகவல்கள் இப்ப நான் டைப் ஆஃப் அப்படின்ற ஒரு ஃபங்க்ஷனை ஓபன் பண்ணி இதுக்குள்ள நான் 10-ன்னு போட்டேன் அப்படின்னா இந்த 10 அப்படின்ற நம்பர் எந்த வகையான டேட்டா அப்படின்னு சொல்லி

எனக்கு தெரிஞ்சிரும் இப்ப நான் இதை ரன் பண்றேன் பாருங்க 10 அப்படின்றது நம்பர் அப்படின்னு சொல்லி வந்துருச்சு இதே இந்த இடத்துல நான் ஆப்பிள்னு குடுக்குறேன் இப்ப நான் இத ரன் பண்றேன் இப்ப அந்த ஆப்பிள் அப்படின்றது ஸ்ட்ரிங்னு சொல்லி எனக்கு அவுட்புட் கிடைச்சிருச்சு இதே இந்த இடத்துல நான் 10 குடுக்குறேன் டபுள் கொட்டேஷன் குள்ள இப்ப என்ன கிடைக்கும்னு நினைக்கிறீங்க ரன் பண்ணலாம் இப்ப எனக்கு ஸ்ட்ரிங் தான் கிடைக்குது எதை நீங்க டபுள் கொட்டேஷன் குள்ள போட்டாலும் அது உங்களுக்கு ஆட்டோமேட்டிக்கா ஸ்ட்ரிங் டேட்டா டைப்பாதான் இருக்கும் இல்லனா நீங்க நம்பர்ல போட்டீங்க அப்படின்னா அது நம்பரா இருக்கும் இருக்கும் சோ ஜாவாஸ்கிரிப்ட்ல நம்பர் ஸ்ட்ரிங் ஓகேவா அடுத்து இந்த டேட்டா டைப்ல டூ மேஜர் செக்ஷன்ஸ் இருக்கு பிரிமிட்டிவ் டேட்டா டைப் நான் பிரிமிட்டிவ் டேட்டா டைப் இந்த நான் பிரிமிட்டிவ் டேட்டா

டைப்ப பத்தி நம்ம அப்படியே செகண்ட் செக்ஷன்ல பார்க்கலாம் ஃபர்ஸ்ட் செக்ஷன்ல இந்த டேட்டா டைப் மட்டும் நம்ம கவர் பண்ணப்போறோம் நம்பர் பார்த்தாச்சு ஸ்ட்ரிங் பார்த்தாச்சு அடுத்து பூலியன்னு ஒன்னு இருக்கு நல்லுன்னு ஒன்னு இருக்கு அன்டிபைன்டுன்னு ஒன்னு இருக்கு ஓகேவா சோ இது எல்லாம் என்னப்பா அப்படின்னு சொல்லி ஒன்னொன்னா குயிக்கா பார்த்தரலாம் அடுத்து a = நல் அப்படின்னு சொல்லி நான் டிஃபைன் பண்ண முடியும் ஓகேவா இது நல் ஒரு விதமான நல் அப்படின்றது ஒரு ஆப்ஜெக்ட்டுக்கு நம்ம மோஸ்ட்டா யூஸ் பண்ணுவோம் இது ஒரு டைப் ஆஃப் டேட்டா நல் அப்படின்றது ஓகே அடுத்து இப்ப நான் வேற ஏன்னு மட்டும் போடுறேன் இப்ப நான் கன்சோல் லாக்ல a வை நான் பிரிண்ட் பண்றேன்னு வைங்களேன் என்ன வரும் அன்டிஃபைன் சொல்லி பிரிண்ட் ஆயிருக்கு அதாவது a ன்னு சொல்லி ஒரு வேரியபிள்

இருக்கு ஆனா இதுக்கு நான் எந்த வேல்யூமே அசைன் பண்ணல அப்போ எனக்கு அது அன்டிஃபைன்னு சொல்லி வரும் ஓகேவா அடுத்து a = ட்ரூன்னு சொல்லி நான் போடுறேன் ட்ரூன்றது ஒரு விதமான டேட்டா பூலியன் டேட்டா ட்ரூ இல்லை இந்த இடத்துல நான் பால்ஸ் கொடுத்தேன் அப்படின்னா பால்ஸ் ஓகே இது என்ன டைப் ஆஃப் டேட்டா அப்படின்னு சொல்லி நம்ம செக் பண்ணி கூட பார்க்கலாம் டைப் ஆஃப் ட்ரூ ஓகே டைப் ஆஃப் டைப் இல்ல டைப் ஆஃப் பூலியன் ஓகேவா சோ இந்த மாதிரி நமக்கு ஒரு அஞ்சு டைப் ஆஃப் டேட்டா டைப்ஸ் இருக்கு இது எல்லாத்தையுமே நம்ம காமனா நம்ம அடுத்தடுத்து யூஸ் பண்ணுவோம் நம்மளோட ப்ரோக்ராம்ஸ்ல ஓகே சோ நம்ம பார்க்க பார்க்க you will get to know about it better ரொம்ப மேஜரான டாபிக் ஜாவாஸ்கிரிப்ட்

பங்க்ஷன்ஸ் javascript functions என்ன Javascript function is a block of code design to perform a particular task நீங்க ஆல்ரெடி நிறைய ப்ரோக்ராமிங் லாங்குவேஜஸ் பார்த்திருப்பீங்க அதுல ஃபங்க்ஷன் என்ன பண்ணுதோ அதேதான் ஜாவாஸ்கிரிப்ட்லயும் பண்ண போகுது இப்ப நான் உங்களுக்கு எக்ஸ்பிளைன் பண்ண போறேன் எப்படி இந்த ஃபங்க்ஷன்ஸ் ஒர்க் ஆகுதுன்னு சொல்லி லெட்ஸ் சே இப்போ இங்க ஒரு போன் இருக்கு ஓகேவா இந்த போனுக்கு ஒரு நம்பர் இருக்கும் கரெக்டா இது ஒரு samsung-ன்னு வச்சுக்கோங்களேன் இங்க ஒரு போன் இருக்கு இது iphoneோன்னு வச்சுக்கலாம் இந்த போன்ல இருந்து இந்த போனுக்கு நான் கால் பண்ணனும் அப்படின்னா இந்த போனோட நம்பர் எனக்கு தெரிஞ்சிருக்கணும் 8838 அப்படின்னு சொல்லி நான் இந்த போன் நம்பரை போட்டா எனக்கு இந்த போன் கால் ஆகும் கரெக்டா இதே மாதிரிதான் ஃபங்க்ஷன்ஸும் ஃபங்க்ஷனுக்கு

ஒரு நேம் இருக்கும் ஃபங்க்ஷன் ஹாய் ஓகேவா இது அந்த போன் நம்பர் மாதிரி எனக்கு இந்த போன் நம்பர் தெரிஞ்சாதான் இந்த ஃபங்க்ஷனை கால் பண்ண முடியும் ஃபங்க்ஷன் ஹாய்ன்னு சொல்லி அந்த ஃபங்க்ஷன் குள்ள நான் ஏதோ ஒன்னு எழுதிக்கிறேன் அதாவது ஹாய் என்ற ஃபங்க்ஷன் என்ன பண்ணனுமோ அதை நான் எழுதிக்கிறேன் இப்போ இந்த போன் நம்பரை நான் கால் பண்றேன் போன் நம்பரை போட்டு கால் பண்ற மாதிரி ஹாய்ன்னு சொல்லி இந்த ஃபங்க்ஷனை நான் கால் பண்றேன் அப்ப எனக்கு அந்த ஃபங்க்ஷன் குள்ள உள்ளது வொர்க் ஆகும் எப்படின்னு சொல்லி நம்ம இப்போ பண்ணி பார்க்கலாம் இந்த ஃபங்க்ஷனை அதுக்கு முன்னாடி இப்ப நம்ம இவ்வளவு நாள் நேரமா நம்ம என்ன பண்ணிட்டு இருக்கோம் எல்லாத்தையுமே நம்ம நம்மளோட பிரவுசர்ல ரன் பண்ணி பார்த்துட்டு இருக்கோம் கரெக்டா இந்த மாதிரி ஜாவாஸ்கிரிப்ட் ஆன்லைன்

பிரவுசர்ல நம்ம ரன் பண்ணி பார்த்துட்டு இருக்கோம் அது எல்லாத்தையும் எப்படி விஷுவல் ஸ்டுடியோ கோடுல ரன் பண்ணி பார்க்கிறது அப்படின்னு சொல்லி பார்க்கலாம் ஃபர்ஸ்ட் விஷுவல் ஸ்டுடியோ கோடு உங்கள்ட்ட இல்ல அப்படின்னா விஷுவல் ஸ்டுடியோ கோடுன்னு சர்ச் பண்ணி விஷுவல் ஸ்டுடியோ கோடுக்கு உள்ள போயிட்டு உங்களோட வெர்ஷன் என்னவோ அதுக்கு ஏத்த மாதிரியான உங்களோட வெர்ஷனை நீங்க டவுன்லோட் பண்ணிக்கோங்க விண்டோஸ்ன்னா windows macன்னா mac linux-ன்னா linux அப்படின்னு சொல்லி உங்களோட விண்டோஸ்க்கு ஏத்த மாதிரியான பேஜஸ நீங்க டவுன்லோட் பண்ணிக்கோங்க யா உங்களுக்கு என்ன வேணுமோ அதை நீங்க டவுன்லோட் பண்ணிட்டு டபுள் கிளிக் பண்ணி இன்ஸ்டால் பண்ணிக்கோங்க ஓகே ஓகே சோ அடுத்து நோடுன்னு சர்ச் பண்ணி இப்ப நம்ம நோட் இன்ஸ்டால் பண்ண போறோம் இந்த நோட் அப்படின்றது என்னது அப்படின்னா இங்க பாருங்க கீழேயே எழுதி இருக்கு ஜாவாஸ்கிரிப்ட் ரன்

டைம் என்விரான்மென்ட் அதாவது ரொம்ப சிம்பிளா சொல்றேனே இப்போ ஒரு வீடியோ பார்க்கணும்னா எனக்கு போன் வேணும் கரெக்டா ஒரு வீடியோ பார்க்கணும்னா எனக்கு போன் வேணும் இல்லைன்னா எனக்கு லேப்டாப் வேணும் அதே மாதிரி ஜாவாஸ்கிரிப்ட் ரன் ஆகணும் அப்படின்னா அதுக்கு ஒரு என்விரான்மென்ட் வேணும் அந்த என்விரான்மென்ட்ட நோட் கிரியேட் பண்ணி கொடுக்குது அதனால நம்ம இந்த நோட இன்ஸ்டால் பண்ணிக்கிறோம் ஜாவாஸ்கிரிப்ட் கோட ரன் பண்ணி பார்க்கிறதுக்காக இதுல ரெண்டு இருக்கும் ஃபர்ஸ்ட் இருக்குற வெர்ஷன் டவுன்லோட் பண்ணிக்கோங்க உங்களுக்கு என்ன வெர்ஷன் இருந்தாலும் பரவாயில்லை இப்போதைக்கு எனக்கு 1818 காட்டுது எந்த வெர்ஷன் காட்டினாலும் பரவாயில்லை இதை கிளிக் பண்ணி கிளிக் பண்ணி இதை டவுன்லோட் பண்ணி இதை இன்ஸ்டால் பண்ணிக்கோங்க இது இன்ஸ்டால் ஆனதுக்கு அப்புறமா உங்களோட கமெண்ட் ப்ராம்ட் ஓபன் பண்ணிக்கோங்க இது இன்ஸ்டால் ஆனதுக்கு அப்புறமா உங்களோட கமெண்ட் ப்ராம்ட் ஓபன்

பண்ணிக்கோங்க இதுல நோடுன்னு டைப் பண்ணீங்க அப்படின்னா இதுக்குள்ள போகும் லைக் இப்ப நான் இதை ஸ்டாப் பண்றேன் கண்ட்ரோல் சி கொடுத்தீங்கன்னா உங்களுக்கு எக்ஸிட் ஆகும் நீங்க நோட் ஹைபன் வின்னு என்டர் பண்ணீங்க அப்படின்னா உங்களுக்கு நோடோட வெர்ஷன் காட்டும் ஓகே ஜஸ்ட் நீங்க நோடுன்னு போடுறப்ப உங்களுக்கு எரர் வராம வொர்க் ஆச்சு இந்த மாதிரி அப்படின்னா உங்களுக்கு வந்து நோடு சக்சஸ்ஃபுல்லா இன்ஸ்டால் ஆயிடுச்சுன்னு அர்த்தம் இப்படி நோடு இன்ஸ்டால் ஆனது அதுக்கு அப்புறமா என்ன பண்ணுங்க ஒரு ஃபோல்டர் ஒன்னு கிரியேட் பண்ணுங்க டெஸ்க்டாப் போயிட்டேன் இங்க நான் ஒரு ஃபோல்டர் ஒன்னு கிரியேட் பண்றேன் ஜாவாஸ்கிரிப்ட் ப்ரோக்ராமிங் அப்படின்னு சொல்லி நான் ஒரு ஃபோல்டர் கிரியேட் பண்றேன் இப்போ உங்களோட விஷுவல் ஸ்டுடியோ கோடு ஓபன் பண்ணிக்கோங்க விஷுவல் ஸ்டுடியோ கோடு ஓபன் பண்ண உடனே இங்க ஃபைல்னு ஒரு ஆப்ஷன் இருக்கும்

இந்த ஃபைலை கிளிக் பண்ணி ஓபன் ஃபோல்டர் கிளிக் பண்ணி டெஸ்க்டாப்ல இருக்கிற இந்த ஜாவாஸ்கிரிப்ட் ப்ரோக்ராமிங் நீங்க கிரியேட் பண்ணீங்க இல்லையா ஒரு ஃபோல்டர் அந்த ஃபோல்டரை ஓபன் பண்ணிக்கோங்க சோ இந்த மாதிரி இருக்கு எனக்கு இப்போ ஓகேவா இப்ப நான் இதுல கோட் பண்ணி பார்க்க போறேன் நான் ஃபர்ஸ்ட் ஒரு ஃபைல் கிரியேட் பண்ணிக்கிறேன் டெமோ ஜேஎஸ் நான் ஆல்ரெடி சொன்னேன் ஜாவாஸ்கிரிப்ட் ஃபைல் அப்படின்னா js ன்னு சொல்லி முடியனும் இப்ப நான் டெமோ ஜேஎஸ்னு சொல்லி ஒரு ஃபைல் கிரியேட் பண்றேன் எனக்கு ஒரு ஃபைல் கிரியேட் ஆயிடுச்சு ஓகே இப்போ இதுல நான் கோட் பண்ணி பார்க்க போறேன் வேர் A = 10 வேர் b=20 30 கன்சோல் லாக் a+b இப்ப எனக்கு அவுட்புட் ரன் பண்ணி பார்க்கணும் எப்படி அவுட்புட் ரன் பண்றதுன்னு சொல்றேன் மேல உங்களுக்கு

டெர்மினல் அப்படின்னு சொல்லி ஒரு ஆப்ஷன் இருக்கும் ஓகேவா இந்த டெர்மினல்ல போயிட்டு நியூ டெர்மினல் கிளிக் பண்ணிக்கோங்க இந்த மாதிரி உங்களுக்கு டெர்மினல் ஓபன் ஆகும் நான் எங்க இருக்கேன்னு பாருங்க சி கோலன்க்குள்ள யூசர்ஸ்குள்ள ஆக்னல்குள்ள டெஸ்க்டாப்குள்ள ஜாவாஸ்கிரிப்ட் ப்ரோக்ராமிங் நான் கிரியேட் பண்ணி இருக்கிற ஃபோல்டர் குள்ள இருக்கேன் அந்த ஃபோல்டர்க்கு குள்ள தான் இந்த டெமோஜஸ் இருக்கு இந்த மாதிரி கரெக்டான பாத்துல உங்களோட ஃபைல் இருக்கான்னு பார்த்துக்கோங்க நீங்க கிரியேட் பண்ணி இருக்கிற ஃபோல்டர் இங்க இருக்கணும் அண்ட் தென் இப்ப நான் நோட் ஸ்பேஸ் என்னோட ஃபைல் நேம் டெமோ ஜேஎஸ் இப்படி நான் போட்டு என்டர் பண்றப்ப எனக்கு இப்போ இந்த ஜாவாஸ்கிரிப்ட் எக்ஸிகியூட் ஆகி இதோட ரிசல்ட் என்னவோ அது எனக்கு வெளிய பிரிண்ட் ஆகும் பாருங்க a ல 10 இருக்கு b ல 30 இருக்கு ரெண்டும்

ஆட் ஆகி 40-ன்னு சொல்லி எனக்கு பிரிண்ட் ஆயிருக்கு உங்களுக்கு ஒருவேளை வொர்க் ஆகல அப்படின்னா விஷுவல் ஸ்டுடியோ கூட அகைன் க்ளோஸ் பண்ணிட்டு ஓபன் பண்ணி பாருங்க உங்களுக்கு அப்படியும் ஒர்க் ஆகல அப்படின்னா இப்போதைக்கு நீங்க பிரவுசர்லயே பண்ணலாம் பட் லேட்டர் இதை பிக்ஸ் பண்ணுங்க ஓகே ஓகே சோ இப்ப நம்ம ஃபங்க்ஷன்ஸ் பத்தி பார்த்துட்டு இருந்தோம் இல்லையா சோ லெட்ஸ் ஸ்டார்ட் வித் பங்க்ஷன்ஸ் இப்ப நான் ஒரு ஃபங்க்ஷன் கிரியேட் பண்றேன் ஃபங்க்ஷன் ஏபிசி இந்த பங்க்ஷன்க்குள்ள கன்சோல் ஹலோன்னு சொல்லி நான் போடுறேன் இப்ப நான் இதை ரன் பண்றேன் நோட் டெமோ ஜேஎஸ் எனக்கு எதுவுமே பிரிண்ட் ஆகல கிளியர்னு டைப் பண்ணீங்க அப்படின்னா எல்லாமே கிளியர் ஆயிரும் நான் திரும்ப என்டர் பண்றேன் எனக்கு எதுவுமே பிரிண்ட் ஆகல ஏன் அப்படின்னா நான் போன தடவை சொன்ன அதே கான்செப்ட்

தான் எனக்கு ஒரு போன் இருக்கு ஓகேவா சோ ஐ ஹேவ் எ போன் இந்த போன் இந்த போன் வந்து ரிங் ஆகணும் அப்படின்னா யாராவது இந்த போனுக்கு கால் பண்ணனும் இந்த போனுக்கு கால் பண்ணாதான் இந்த போன் வந்து ரிங் ஆகும் கரெக்டா அதே மாதிரி இந்த ஃபங்க்ஷனை கால் பண்ணனும் ஏ பிசி அப்படின்னு சொல்லி அந்த ஃபங்க்ஷனோட பேரை போட்டு பிராக்கெட் போட்டு நான் வந்து கால் பண்றேன் இதான் ஃபங்க்ஷன் கிரியேட் பண்றதுக்கான சின்டாக்ஸ் பார்த்துக்கோங்க ஃபங்க்ஷன் அப்படின்னு கீவேர்ட் போட்டுட்டு அகைன் நான் ஃபர்ஸ்ட்ல இருந்து ஐ வில் எக்ஸ்பிளைன் ஃபங்க்ஷன்னு கீவேர்ட் போட்டுட்டு ஃபங்க்ஷனோட பேர் கொடுக்குறீங்க ஏபி சி அப்படின்றது ஃபங்க்ஷனோட பேரு அண்ட் தென் அதுக்கு பக்கத்துல ஒரு ரவுண்ட் பிராக்கெட் யூஸ் பண்ணுங்க இப்பதான் இது ஒரு ஃபங்க்ஷனா கன்சிடர் ஆகும் அடுத்து ஒரு கேர்லி

பிராக்கெட்ஸ் இந்த கேர்லி பிராக்கெட்ஸ்குள்ள தான் இந்த ஃபங்க்ஷன் என்ன பண்ணனும் அப்படின்னு சொல்லி நீங்க மென்ஷன் பண்ணனும் இதுக்குள்ள கன்சோல் லாக் ஃபங்க்ஷன் இஸ் வொர்க்கிங் அப்படின்னு சொல்லி நான் பிரிண்ட் பண்றேன் இப்ப நான் ஏபி சின்னு சொல்லி இந்த ஃபங்க்ஷனை நான் கால் பண்றேன் எப்படி கால் பண்ணனும்னு பாருங்க ஃபங்க்ஷன் நேம போட்டு பிராக்கெட் ரவுண்ட் பிராக்கெட் போட்டீங்கன்னா இந்த ஃபங்க்ஷன் கால் ஆகும் இப்ப நான் இதை ரன் பண்றேன் இப்ப எனக்கு ஃபங்க்ஷன் இஸ் வொர்க்கிங் அப்படின்னு சொல்லி எனக்கு பிரிண்ட் ஆகுது எல்லாத்தையும் கிளியர் பண்ணிடுறேன் ஓகே சோ உங்களுக்கு இது புரிஞ்சிருக்கும்னு நினைக்கிறேன் திரும்ப ஃபங்க்ஷன் இன்னொரு ஒரு ஃபங்க்ஷன் கிரியேட் பண்ணி பார்க்கலாம் ஃபங்க்ஷன் மை நேம் ஓகே இப்ப நான் மை நேம் என்ற ஃபங்க்ஷனை கால் பண்றேன் எனக்கு எதுவுமே பிரிண்ட் ஆகல ஏன்னா இந்த

ஃபங்க்ஷன் என்ன செய்யணும்னே நான் சொல்லல இப்ப நான் இதுக்குள்ள கன்சோல் ஜான்ன்னு சொல்லி நான் போடுறேன் இப்ப நான் இதை ரன் பண்றேன் இப்ப எனக்கு ஜான்ன்னு சொல்லி என்னோட பேர் பிரிண்ட் ஆகுது ஓகே ஓகே இப்ப உங்களுக்கான ஒரு டாஸ்க் இப்ப நீங்க என்ன பண்ண போறீங்க இங்க samsung கிரியேட் பண்ண போறீங்க கன்சோல் திஸ் இஸ் samsung samsung போன் இப்ப நான் இந்த samsung போனை கால் பண்ணா எனக்கு திஸ் இஸ் samsung போன் சொல்லி எனக்கு பிரிண்ட் ஆகுது ஓகேவா இப்ப அதே மாதிரி நீங்க என்ன பண்ண போறீங்க iphone redmi oppo இந்த மாதிரி இந்த மூணு போனுக்கும் ஒரு ஃபங்க்ஷன் எழுதுங்க வீடியோவை பாஸ் பண்ணிட்டு ட்ரை பண்ணுங்க கிரியேட் பண்ணி இருப்பீங்கன்னு நினைக்கிறேன் இப்ப நான் குயிக்கா உங்களுக்கு நான் பண்ணி காட்டுறேன் ஃபங்க்ஷன்

oppo கன்சோல் லாக் திஸ் இஸ் Oppo அடுத்து ஃபங்க்ஷன் ஆப்பிள் கன்சோல் லாக் திஸ் இஸ் ஆப்பிள் அடுத்தது ஃபங்க்ஷன் redmi கன்சோல் லாக் திஸ் இஸ் redmi சூப்பர் சோ இப்ப நான் இதை ரன் பண்றேன் எனக்கு திஸ் இஸ் samsung போன்னு மட்டும்தான் பிரிண்ட் ஆகுது ஏன் நான் மத்த போன் எதையுமே நான் கால் பண்ணல இப்ப நான் ஸ்ட்ரைட்டா samsung யும் redmi யும் மட்டும் கால் பண்றேன் இப்ப என்ன ஆகும் ஃபர்ஸ்ட் நான் samsung அப்படின்னு கால் பண்றப்ப இப்ப என்னோட ப்ரோக்ராம் எப்படி வொர்க் ஆகும்னா இப்ப நான் எக்ஸ்பிளைன் பண்றேன் இந்த பங்க்ஷன்ஸ் எப்படி வொர்க் ஆகுதுன்னு சொல்லி சோ ஃபர்ஸ்ட் இங்க பாக்குது ஓகே samsung ஒரு ஃபங்க்ஷன் இருக்கு அடுத்து oppoன்னு ஒரு ஃபங்க்ஷன் இருக்கு ஆப்பிள்னு ஒரு பங்க்ஷன் இருக்கு சரி redmi

ன்னு ஒரு பங்க்ஷன் இருக்கு இப்ப நான் samsung ன்னு சொல்லி கால் பண்றப்ப இந்த samsung பங்க்ஷன் போய் கால் பண்ணனும் இந்த samsung பங்க்ஷன் குள்ள என்ன இருக்கு கன்சோல் ன்னு சொல்லி இருக்கு அப்போ இதுக்குள்ள உள்ளது ஒர்க் ஆகும் அதுக்குள்ள நான் என்ன சொல்றேனோ அது எனக்கு ஒர்க் ஆகும் அதே மாதிரி அடுத்து redmi ஸ்ட்ரைட்டா இங்க இருந்து redmi க்கு கால் போகும் redmi குள்ள என்ன சொல்லிருக்கேனோ அது ஒர்க் ஆகும் இப்ப நான் இதை ரன் பண்றப்ப திஸ் இஸ் samsung திஸ் இஸ் redmi நான் திரும்பவும் samsung கால் பண்றேன் எனக்கு samsung திஸ் இஸ் samsung திஸ் இஸ் samsung போன்ற ரெண்டு தடவை வந்திருக்கு அதுக்கப்புறம் அட்மின் வந்திருக்கு இந்த மாதிரி ஃபங்க்ஷன்ஸ எத்தனை தடவை வேணாலும் கால் பண்ணிக்கலாம் முன்னாடி பின்னாடி எங்க

வேணாலும் கால் பண்ணிக்கலாம் ஓகேவா இப்படித்தான் நமக்கு ஃபங்க்ஷன் பேசிக்கலி வொர்க் ஆகுது ஒரு ஃபங்க்ஷன் அப்படின்றது எப்படி வொர்க் ஆகுது அப்படின்ற ஒரு அண்டர்ஸ்டாண்டிங் இப்ப உங்களுக்கு கிடைச்சிருக்கும் அப்படின்னு சொல்லி நம்புறேன் இப்போ ஸ்க்ரீன்ல தெரியுற இந்த எக்சர்சைஸ் பண்ண ட்ரை பண்ணுங்க ரெண்டு வேரியபிள் கிரியேட் பண்ணிக்க போறீங்க a அண்ட் பி அண்ட் தென் ஆட் அப்படின்னு சொல்லி ஒரு ஃபங்க்ஷன் கிரியேட் பண்ண போறீங்க அந்த ஆட் அப்படின்ற ஃபங்க்ஷன் அந்த a வையும் b யும் ஆட் பண்ணி அதோட ரிசல்ட்ட பிரிண்ட் பிரிண்ட் பண்ணனும் இதுதான் உங்களோட டாஸ்க் வீடியோவை பாஸ் பண்ணிட்டு இந்த கொஸ்டின் பண்ண ட்ரை பண்ணுங்க கம்ப்ளீட் பண்ணிருப்பீங்கன்னு நினைக்கிறேன் சோ லெட்ஸ் டூ இட் சோ இது எல்லாத்தையும் நான் கிளியர் பண்ணிட்டேன் வேர் a = 10 வேர் b = 20 சோ

இப்ப நான் ஒரு ஃபங்க்ஷன் கிரியேட் பண்ண போறேன் ஆட் அப்படின்னு சொல்லி இந்த ஆட் பங்க்ஷன் என்ன பண்ணனும் கன்சோல் இந்த a வையும் b யும் பிரிண்ட் பண்ணனும் a + b இப்ப நான் இதை ரன் பண்றேன் எனக்கு எதுவுமே பிரிண்ட் ஆகல ஏன்னா இந்த பங்க்ஷன் நான் கால் பண்ணல இப்ப நான் இந்த பங்க்ஷன கால் பண்றேன் இப்ப எனக்கு 13 சொல்லி பிரிண்ட் ஆயிருக்கு ஓகே இதுதான் நம்மளோட கொஸ்டின் நம்ம அந்த கொஸ்டின்க்கான ஆன்சரையும் போட்டாச்சு ஓகே சூப்பர் அதுக்கான சொல்யூஷன் இங்க இருக்கு ஓகே அடுத்து இப்போ இந்த கொஸ்டின் பண்ண ட்ரை பண்ணுங்க கிரியேட் எ வேரியபிள் கால்ட் எப் ஃபேக்டர் அதாவது ஃபேவரிட் ஆக்டர் ஃபேவரிட் பிளேயர் ஃபேவரிட் மூவி இது மூணுக்கும் ஒவ்வொரு வேரியபிள் கிரியேட் பண்ண போறீங்க ஃபேவரிட்னு சொல்லி ஒரு பங்க்ஷன்

கிரியேட் பண்ண போறீங்க அந்த ஃபேவரிட் அப்படின்ற பங்க்ஷன நீங்க கால் பண்றப்ப உங்களுக்கு இந்த சேம் அவுட்புட் வந்து உங்களுக்கு வரணும் ஃபேவரிட் ஆக்டர் கமல் இந்த கமல் அப்படின்றது நீங்க இந்த எப் ஃபேக்டர் குள்ள ஃபேவரிட் ஆக்டர் குள்ள என்ன ஸ்டோர் பண்ணி இருக்கீங்களோ அது உங்களுக்கு இங்க பிரிண்ட் ஆகணும் அடுத்து ஃபேவரிட் பிளேயர் தோனி ஃபேவரிட் மூவி அண்ட் பேசிம் ஓகே சோ வீடியோவை பாஸ் பண்ணிட்டு இந்த கொஸ்டின் பண்ண ட்ரை பண்ணுங்க ஓகே சோ பண்ணிருப்பீங்கன்னு நம்புறேன் வேர் ஃபேவரிட் ஆக்டர் = கமல் அடுத்து வேர் ஃபேவரட் பிளேயர் = தோனி அடுத்து வேர் ஃபேவரட் ஃபேவரட் ஆக்டர் ஃபேவரட் பிளேயர் ஃபேவரட் மூவி = அன்பே சிவம் அடுத்து என்ன பிரிண்ட் ஆகணும் கன்சோல் லாக்ல இங்க நிறைய பேர் தடுமாறி இருப்பீங்கன்னு நினைக்கிறேன் லெட்ஸ் சி இப்ப

நான் ஃபேவரிட் ஆக்டர்ன்னு நான் போட்டேன்னா எனக்கு இப்போ இதை ரன் பண்றப்ப பாருங்க இது எல்லாத்துலயும் ஸ்டோர் ஆயிருக்கு ஃபேவரிட் ஆக்டர்ன்னு நான் போடுறப்ப எனக்கு ஃபேவரிட் ஆக்டர்ன்னு சொல்லி பிரிண்ட் ஆகுது ஆனா எனக்கு அவுட்புட் என்ன மாதிரி வரணும் ஃபேவரிட் ஆக்டர் கமல் அப்படின்னு சொல்லி இப்படி பக்கத்துல கோலனோட வரணும் இதை எப்படி நான் பண்றது அப்படின்றப்ப கவனிங்க என்ன பண்றேன்னு ஃபேவரிட் ஆக்டர் கோலன்னு நான் போட்டேன் அப்படின்னா இப்ப நான் ரன் பண்றப்ப ஃபேவரட் ஆக்டர் கோலன் வந்து வந்துருச்சு ஆனா பக்கத்துல எனக்கு இங்க நான் என்ன ஸ்டோர் பண்ணி இருக்கேனோ அது எனக்கு இங்க வரணும் கரெக்டா அதுக்கு நான் என்ன பண்ண போறேன் பிளஸ் அப்படின்னு சொல்லி நான் பிளஸ் யூஸ் பண்ண போறேன் இப்ப நான் பிளஸ்ன்னு போட்டு டைரக்டா இப்ப நான் கமல்னு போட்டேன்னா பாருங்க

என்ன நடக்குதுன்னு இந்த ஸ்ட்ரிங்கோட இந்த ஸ்ட்ரிங் ஆட் ஆகுது ஓகேவா இந்த மாதிரி ரெண்டு ஸ்ட்ரிங்க மெர்ஜ் பண்றதுக்கு நம்ம பிளஸ் அப்படின்ற இந்த ஆபரேட்டர் நம்ம யூஸ் பண்ணுவோம் இப்ப இந்த இடத்துல கமலுக்கு பதிலா நான் எப் ஃபேக்டர்னு யூஸ் பண்றேன் இப்ப நான் இதை ரன் பண்றப்ப எனக்கு ஃபேவரட் ஆக்டர் கமல்னு சொல்லி எனக்கு பிரிண்ட் ஆயிருக்கு சோ ஐ கெஸ் இன்னும் நீங்க பண்ணல அப்படின்னா ரிமைனிங் டூவையும் நீங்க வீடியோ பாஸ் பண்ணிட்டு பண்ணுங்க பண்ணிருப்பீங்கன்னு நினைக்கிறேன் ஓகே நெக்ஸ்ட் நான் பண்றேன் கன்சோல் லாக் ஃபேவரட் பிளேயர் ஃபேவரட் பிளேயர் அடுத்து கன்சோல் லாக் ஃபேவரட் மூவி ஃபேவரிட் மூவி ஓகே இப்ப நான் இதை ரன் பண்றேன் பாருங்க நான் எதிர்பார்த்த ரிசல்ட் எனக்கு வந்துருச்சு கொஸ்டின் என்ன ஃபேவரட் அப்படின்னு சொல்லி நம்ம ஃபங்க்ஷன் யூஸ் பண்ணனும்

ஓகே ஃபர்ஸ்ட் இந்த மாதிரி கன்சோல் லாக் வந்து நம்ம பிரிண்ட் பண்ணியாச்சு அடுத்து இது எல்லாத்தையும் நான் ஒரு ஃபங்க்ஷன்ல போட்டுக்குறேன் ஃபங்க்ஷன் ஃபேவரட் இதுக்குள்ள இது எல்லாத்தையும் நான் போட்டுக்குறேன் சோ இப்ப நான் எப்பலாம் இந்த இப்ப நான் ரன் பண்ணேன்னா எனக்கு ஒர்க் ஆகாது ஏன்னா நான் இன்னும் ஃபங்க்ஷனை கால் பண்ணல அடுத்து இப்ப நான் எப்பலாம் இந்த ஃபங்க்ஷனை கால் பண்றேனோ ஃபேவரிட் அப்படின்ற ஃபங்க்ஷனை நான் எப்பலாம் கால் பண்றேனோ அப்ப எனக்கு அது பிரிண்ட் ஆகும் நான் திரும்ப இன்னொரு தடவை நான் கால் பண்றேன் அப்படின்னா எனக்கு ரெண்டு தடவை பிரிண்ட் ஆகும் சூப்பர் ரைட் ஓகே சோ எப்படி இந்த ஃபங்க்ஷன் கால் ஆகுது ஃபங்க்ஷன் கால் ஆகுற அப்ப அதுக்குள்ள ஆக்சன்ஸ் எல்லாம் எப்படி நடக்குது அப்படின்னு சொல்லி ஒரு அண்டர்ஸ்டாண்டிங் இப்ப உங்களுக்கு கிடைச்சிருக்கும்னு

நினைக்கிறேன் ஓகே லெட்ஸ் மூவ் ஆன் டு தி நெக்ஸ்ட் டாபிக் இந்த பங்க்ஷன்ஸ்ல பாராமீட்டர்ஸ்னா என்ன அப்படின்னு சொல்லி பார்க்கலாம் இந்த பாராமீட்டர்ஸ் அப்படின்றப்ப ஒரு வேரியபிள்ஸ் ஆர் பிளேஸ் ஹோடல்ஸ் தட் யூ டிஃபைன் வென் டிக்ளரிங் எ பங்க்ஷன் ஒரு ஃபங்க்ஷன் டிக்ளர் பண்றப்பவே நம்ம அது கூடவே சேர்ந்து ஒரு வேரியபிளை டிக்ளர் பண்ணுவோம் ஃபங்க்ஷனுக்கு உள்ள அதாவது இப்ப கவனிங்க இப்ப நான் இங்க என்ன பண்ண போறேன் ஃபங்க்ஷன் ஆட் a b console log a + b இப்ப நான் ஆட்ன்ற ஃபங்க்ஷன கால் பண்றேன் இப்ப எனக்கு இதை கால் பண்ணா என்ன ஆகும்னு நினைக்கிறீங்க ரன் பண்ணி பார்க்கலாம் எனக்கு na அப்படின்றப்ப நாட் எ நம்பர் அப்படின்னு அர்த்தம் naன்னா சோ இந்த மாதிரி எனக்கு வந்து அவுட்புட் வருது இங்க என்ன நடக்குது ஓகே

கவனிங்க இப்ப இதே இடத்துல நான் 10 20 ன்னு சொல்லி நான் உள்ள போடுறேன் இப்ப நான் இதை ரன் பண்றேன் இப்ப எனக்கு 13 வருது சோ வாட் எக்ஸாக்ட்லி ஹாப்பனிங் ஹியர் இங்க ஆட் அப்படின்னு ஃபங்க்ஷனை கால் பண்றேன் இந்த ஃபங்க்ஷனை கால் பண்றப்ப இந்த 10-ம் இது கூட சேர்ந்து போகுது இந்த 20-யும் இது கூட சேர்ந்து போகுது ஆட் என்ற ஃபங்க்ஷனை கால் பண்றேன் இப்ப இந்த இடத்துல என்ன ஆயிரும் அப்படின்னா a = 10ன்னு மாறிரும் b=20 20-ன்னு மாறிரும் அப்போ நான் கன்சோல் டாட் லாக்ல a + b ன்னு போடுறப்ப 10+20 30 ன்னு சொல்லி எனக்கு வெளிய அவுட்புட் வந்து பிரிண்ட் ஆகுது இந்த a வையும் b வையும் தான் நம்ம பாராமீட்டர்ஸ்ன்னு சொல்லி சொல்றோம் ஓகே இது ஃபங்க்ஷன்க்குள்ள நம்ம

ஒரு வேரியபிள் இருக்குது இந்த வேரியபிள் இந்த ஆட் அப்படின்ற ஃபங்க்ஷனுக்கு சொந்தமானது ஓகேவா சோ இது உங்களுக்கு புரிஞ்சிருக்கும் அப்படின்னு சொல்லி நம்புறேன் இப்போ வீடியோவ பாஸ் பண்ணிட்டு இந்த கொஸ்டினை பண்ண ட்ரை பண்ணுங்க அதாவது லென்த்தையும் பிரத்தையும் மல்டிப்ளை பண்ணீங்க அப்படின்னா உங்களுக்கு ஏரியா கிடைச்சிரும் ஓகேவா சோ சேம் கான்செப்ட் தான் ட்ரை பண்ணி பாருங்க யா சோ ட்ரை பண்ணிருப்பீங்கன்னு நம்புறேன் ஐ வில் டூ இட் ஃபர்ஸ்ட் ஃபங்க்ஷன் ஏரியா அப்படின்னு சொல்லி ஒரு ஃபங்க்ஷன் கிரியேட் பண்ணிக்கிறேன் இதுக்குள்ள லென்த் கமா பிரத் lb அப்படின்னு சொல்லி வச்சுக்கிறேன் லென்த் பிரத் கன்சோல் டாட் லாக் ஏரியா இஸ் கோலன் நம்ம ஆல்ரெடி பார்த்த மாதிரி அந்த ஸ்ட்ரிங் ரெண்டையும் மெர்ஜ் பண்ண போறேன் பிளஸ் l+b ஓகே தனியா போட்டுக்கலாம் வேர் ஏரியா = ஓகே கன்பியூஷன் வேணாம் வேர்

a = l * b ஏரியா இஸ் a இப்போ வேர் லென்த் = 10 வேர் பிரத் = 20 ஏரியா 10 20 சோ இப்ப நான் இங்க என்ன பண்ணிருக்கேன்னு சொல்லி நான் எக்ஸ்பிளைன் பண்றேன் கவனிங்க லிசன் கேர்ஃபுல்லி லென்த் அப்படின்ற வேரியபிள்குள்ள 10 ன்னு சொல்லி ஸ்டோர் ஆயிருக்கு பிரத் அப்படின்ற வேரியபிள்குள்ள 20 ன்னு சொல்லி ஸ்டோர் ஆயிருக்கு ஓகே இப்ப நான் ஏரியா 10 20ன்னு கால் பண்றப்ப இந்த ஃபங்க்ஷன் கால் ஆகுது இந்த ஃபங்க்ஷன்க்குள்ள lb அதாவது இந்த இடத்துல l = என்னவாகுது 10 ஆகுது b = 20 ஆகுது இப்ப நான் இங்க வேர் a = l*b அதாவது a = l*b ன்னா 20*10 அதாவது a = 200 கரெக்டா இப்ப நான் கன்சோல் லாக்ல ஏரியா இஸ்

a ன்னு பிரிண்ட் பண்றப்ப ஏரியா இஸ் 200 ன்னு எனக்கு பிரிண்ட் ஆகும் ஓகே சோ அகைன் நான் சொல்றேன் உங்களுக்கு புரியல அப்படின்றப்ப ஸ்டெப் பை ஸ்டெப்பா நோட்ல எழுதி பாருங்க ஓகே இப்ப நான் இதை ரன் பண்றேன் எனக்கு ஏரியா இஸ் 200 சொல்லி அவுட்புட் வந்திருக்கு இப்படிதான் ஒரு ஃபங்க்ஷன்ல பாராமீட்டரை நம்ம பாஸ் பண்றோம் ஓகே சோ இதுதான் ஃபங்க்ஷன் அடுத்து ஃபங்க்ஷன்ல ரிட்டன் டைப்னா என்ன ரிட்டர்ன் அப்படின்ற கீவேர்ட் இந்த ஃபங்க்ஷன்ல என்ன பண்ணுது அப்படின்னு சொல்லி பார்க்கலாம் ஓகே இப்ப கவனிங்க எல்லாத்தையுமே நான் எடுத்துட்டேன் ஃபங்க்ஷன் மை நேம் ஒரு ஃபங்க்ஷன் கிரியேட் பண்றேன் இதுக்குள்ள டைரக்டா ரிட்டர்ன் ஜான் சொல்லி போடுறேன் ஓகேவா டைரக்டா ரிட்டன் ஜான் சொல்லி போடுறேன் இப்ப நான் இந்த மை நேம் என்ற பங்க்ஷனை கால் பண்றேன் எனக்கு எதுவுமே

பிரிண்ட் ஆகல இந்த ரிட்டர்ன் என்னதான் பண்ணுது இப்ப பாருங்க வேர் a = மை நேம் கன்சோல் லாக் a இப்ப நான் இதை ரன் பண்றப்ப என்ன ஆகும்னு நினைக்கிறீங்க எனக்கு ஜான் சொல்லி பிரிண்ட் ஆகுது என்ன நடக்குது இந்த ரிட்டன் என்ற கீவேர்ட் இங்க என்னதான் பண்ணுது பேசிக்கலி கவனிங்க வேர் a = மை நேம் என்ற பங்க்ஷனை இங்க கால் பண்றேன் ஓகே என்ன நடக்குது இந்த பங்க்ஷன் கால் ஆகுது இந்த பங்க்ஷன் ஜான் என்ற இந்த ஸ்ட்ரிங்க ரிட்டர்ன் பண்ணுது இந்த பங்க்ஷன் இங்க என்ன பண்ணுது ஜான் என்ற ஸ்ட்ரிங்க ரிட்டர்ன் பண்ணுது சோ இங்க எனக்கு என்ன ஆகுது இங்க இருந்து ஜான்ன்னு ஒரு அவுட்புட் வந்து கிடைக்குது அப்போ எனக்கு வேர் a = மை நேம்னு இருந்தது இப்போ இந்த மை நேம் எனக்கு

வேர் a = ஜான்ன்னு சொல்லி மாறிருது நான் இந்த ஃபங்க்ஷனை கால் பண்றேன் அந்த ஃபங்க்ஷன் ரிட்டர்ன் ஜான்ன்னு சொல்றப்ப இந்த ஃபங்க்ஷன் என்ன எதை ரிட்டர்ன் பண்ணுது ஜான் அப்படின்ற ஒரு வேல்யூவை ரிட்டர்ன் பண்ணுது அப்போ வேற a = ஜான்ன்னு சொல்லி எனக்கு மாறிருது அப்ப நான் a வை பிரிண்ட் பண்றப்ப எனக்கு ஜான் சொல்லி பிரிண்ட் ஆகுது ஓகே இப்படித்தான் ரிட்டன் ஃபங்க்ஷன் வந்து ஒர்க் ஆகுது சோ அகைன் ட்ரை பண்ணி பாருங்க இப்போ ஜஸ்ட் கிரியேட் பங்க்ஷன் கால்ட் ஆட் விச் சுட் டேக் டூ பாராமீட்டர் ஏ அண்ட் பி அண்ட் இட் சுட் ரிட்டர்ன் தி அடிஷன் ஆஃப் டூ வேரியபில்ஸ் ஓகே ஜஸ்ட் ஒரு பங்க்ஷன் கிரியேட் பண்ணுங்க ஆட்ன்னு சொல்லி நம்ம ஆல்ரெடி பண்ண மாதிரிதான் இங்க இருந்து ரெண்டு வேல்யூவை பாஸ் பண்ண

போறீங்க ஆனா இந்த டைம் கன்சோல் லாக் ன்னு போடுறதுக்கு பதிலா ரிட்டர்ன் கீவேர்டு வச்சு இதை பண்ண போறீங்க ட்ரை பண்ணி பாருங்க நான் அகைன் இதை கிரியேட் பண்றேன் ஃபங்க்ஷன் ஆட் a b இப்ப நான் இந்த ஆட்ன்ற ஃபங்க்ஷனை கால் பண்றேன் இதுக்குள்ள 10 20ன்னு சொல்லி நான் பாஸ் பண்றேன் இங்க ரிட்டர்ன் a + b பிராக்கெட் போடணும்னு அவசியம் இல்லை நான் பிராக்கெட் போடாம போட்டாலும் எனக்கு சேம் அவுட்புட் தான் வரும் ஸ்டில் நான் பிராக்கெட் பிராக்கெட் போட்டுக்குறேன் ஓகே ரிட்டர்ன் a + b இப்ப என்ன ஆகும் வேர் டோட்டல் = கன்சோல் லாக் டோட்டல் இப்ப நான் இதை ரன் பண்றப்ப எனக்கு 13 சொல்லி பிரிண்ட் ஆகுது எப்படி எனக்கு 13 ன்ற இந்த அவுட்புட் கிடைக்குது வேர் டோட்டல் = ஆட் 10

20 அப்போ இந்த ஃபங்க்ஷன் இங்க கால் ஆகுது இங்க இருந்து இந்த a+b அதாவது இங்க a = 10 b = 20 ரெண்டும் ஆட் ஆகி என்ன ஆகும் 30 ஆகும் இந்த 30 எனக்கு இங்க ரிட்டன் ஆகுது அப்போ டோட்டல் = ஆட் 10 20 ன்னு இருந்தது இப்போ டோட்டல் = 30 ன்னு சொல்லி மாறிருச்சு ஏன்னா இந்த ஃபங்க்ஷன் 30 ரிட்டர்ன் பண்ணுது அப்போ நான் இந்த டோட்டலை பிரிண்ட் பண்றப்ப எனக்கு 30 ன்னு சொல்லி அவுட்புட் கிடைக்குது ஓகே சோ அகைன் நான் சொல்றேன் உங்களுக்கு புரியல அப்படின்னா பேப்பர் அண்ட் பென் எடுத்துக்கோங்க ஸ்டெப் பை ஸ்டெப்பா எழுதி பாருங்க யூ வில் அண்டர்ஸ்டாண்ட் இட் ஓகே சோ நம்ம ஃபங்க்ஷன் பார்த்தாச்சு இப்படித்தான் நமக்கு வந்து ஃபங்க்ஷன் ஒர்க் ஆகுது சோ அடுத்து கண்டிஷனல்

ஸ்டேட்மென்ட்ஸ் அடுத்து ஜாவாஸ்கிரிப்ட்ல இப் எல்ஸ்னா என்னன்னு சொல்லி பார்க்க போறோம் இப் எல்ஸ் அப்படின்றது இது ஒரு கண்டிஷனல் ஸ்டேட்மென்ட் அதாவது ஒரு விஷயம் உண்மையா இருந்துச்சு ஒரு விஷயம் ட்ரூவா இருந்துச்சு அப்படின்னா அப்போ அதுக்கு என்ன பண்ணனும் அதே ஒரு விஷயம் பொய்யா இருந்துச்சு இல்ல ஒரு விஷயம் தப்பா இருந்துச்சு அப்படின்னா அதுக்கு என்ன பண்ணனும் அப்படின்னு ஒவ்வொன்னுக்கும் செட் ஆஃப் கோடு எழுதுனது தான் இப் எல்ஸ் அதாவது இப் ஒருவேளை மழை பெய்ஞ்சுச்சுன்னா என்ன பண்ணு கோடை எடுத்துட்டு வா கரெக்டா மழை பெய்ஞ்சுச்சுன்னா கோடை எடுத்துட்டு வா இல்ல எல்ஸ் எல்ஸ் அப்படின்னா அதர் வைஸ் இப் எல்ஸ் மழை பெய்ய அப்படின்னா அம்பரல்லா வேண்டாம் கூட கொண்டு வராத என்ஜாய் தி லைட் இந்த மாதிரி ஒரு கண்டிஷன் ட்ரூவா இருந்தா என்ன பண்ணனும் அதே ஒரு விஷயம் பால்ஸா

இருந்தா என்ன பண்ணனும் அப்படின்னு சொல்லி நம்ம எழுதுறதுதான் இஃப் கண்டிஷன் அதாவது இப்போ ஃபர்ஸ்ட் இந்த கொஸ்டின்க்கான ஆன்சர் நம்ம இப்ப பண்ணி பார்க்கலாம் ஃபர்ஸ்ட் நான் உங்களுக்கு சின்டாக்ஸ் எப்படி வொர்க் ஆகுதுன்னு சொல்லி நான் எக்ஸ்பிளைன் பண்ணிடுறேன் என்னோட விஷுவல் ஸ்டுடியோ கோடு ஓபன் பண்ணிக்கிறேன் இப் ஒருவேளை ஒரு விஷயம் ட்ரூவா இருந்துச்சு அப்படின்னா இதுதான் சின்டாக்ஸ் பார்த்துக்கோங்க இஃப் அப்படின்னு போட்டு ஒரு பிராக்கெட் நான் ஓபன் பண்றேன் ரவுண்ட் பிராக்கெட் குள்ள இதுக்குள்ள நான் ட்ரூவா பால்ஸான்னு சொல்லி சொல்லணும் ட்ரூ அப்படின்னா என்ன நடக்கணும் கன்சோல் லாக்ல இட்ஸ் ட்ரூ அப்படின்னு சொல்லி நான் எழுதுறேன் ஓகேவா இப்ப நான் இதை ரன் பண்ணேன் அப்படின்னா எனக்கு என்ன ஆகுதுன்னு பாருங்க இட்ஸ் ட்ரூன்னு சொல்லி எனக்கு பிரிண்ட் ஆகுது எப்போலாம் இஃப் ட்ரூவா இருக்கோ அப்போ இஃப்புக்கு உள்ள உள்ளது

ஒர்க் ஆகும் இப்ப நான் இப்ப பால்ஸா மாத்துறேன் இப்ப என்ன பிரிண்ட் ஆகுதுன்னு பாருங்க இப்ப எனக்கு எதுவுமே பிரிண்ட் ஆகல இப்ப நான் பால்ஸா மாத்துனா எனக்கு எதுவுமே பிரிண்ட் ஆகல இதை இப்ப நான் எல்ஸ் போட்டு இதுக்குள்ள கன்சோல் லாக் போட்டு இட்ஸ் பால்ஸ் இப்ப நான் இதை ரன் பண்றேன் இப்ப எனக்கு இட்ஸ் பால்ஸ்ன்னு சொல்லி பிரிண்ட் ஆகுது அப்ப கவனிங்க எப்ப இஃப் ட்ரூவா இருக்கோ அதாவது எப்பலாம் கண்டிஷன் ட்ரூவா இருக்கோ எப்பலாம் இது வந்து இதுக்குள்ள ஒரு ஸ்டேட்மெண்ட் நீங்க வந்து போடப்போறீங்க அந்த ஸ்டேட்மெண்ட் எப்பலாம் ட்ரூவா இருக்கோ அப்போ இஃப் ஒர்க் ஆகும் அந்த ஸ்டேட்மெண்ட் எப்பலாம் பால்ஸா இருக்கோ அப்போ எல்ஸ் ஒர்க் ஆகும் இந்த இந்த கான்செப்ட் உங்களுக்கு புரிஞ்சிருக்கும்னு நினைக்கிறேன் சோ இப்ப நான் என்ன பண்ண போறேன் என்னோட கொஸ்டினுக்கு

வாங்க ஃபர்ஸ்ட் கொஸ்டின் என்ன அப்படின்னா நமக்கு இஸ் இட் ரெயினிங் அவுட்சைடு வெளிய மழை பெய்யுதா இல்லையா மழை பெய்ஞ்சுச்சு அப்படின்னா அம்பரல்லா எடுத்துட்டு போ மழை பெய்யல அப்படின்னா சன் ஷைன் சன் சன்லைட்டை என்ஜாய் பண்ணு அப்படின்னு சொல்லி நான் சொல்லணும் வேர் ரெயின் = மழை பெய்யுதா இல்லையா ட்ரூ ஆமா மழை பெய்யுது அப்படின்னா இப் ரெயின் மழை பெய்யுதுன்னா கன்சல் லாக் டேக் செகண்ட் அம்பரல்லா இல்ல மழை பெய்யல அப்படின்னா என்ஜாய் தி சன் ஷைன் இப்ப நான் இதை ரன் பண்றப்ப என்ன ஆகும் ஃபர்ஸ்ட் இந்த கோட அனலைஸ் பண்ணிரலாம் என்ன நடக்குதுன்னு சொல்லி இப் ரெயின் = ட்ரூ ரெயின் அப்படின்ற வேரியபிள்ல ட்ரூ அப்படின்ற வேல்யூ ஸ்டோர் ஆயிருக்கு இப்போ இப் ரெயின் என்ன அர்த்தம் இப் ட்ரூன்னு அர்த்தம் இப் ட்ரூவா இருந்தா இஃப்ல

உள்ளது தான் ஒர்க் ஆகும் இஃப் பால்ஸா இருந்தா எல்ஸ்ல உள்ளது ஒர்க் ஆகும் இப் ட்ரூ அப்படின்றப்ப டேக் அன் அம்பரல்லா அதாவது மழை பெய்யுதுன்னு அர்த்தம் மழை பெய்யுறது ட்ரூ இதுவே மழை பெய்யல அப்படின்னா இந்த ரெயின நான் பால்ஸா மாத்துறேன் இப்ப நான் இத ரன் பண்றப்ப என்ஜாய் தி சன்சைன்னு வருது மழை பெய்ஞ்சுச்சுன்னா என்ன வருது டேக்கன் அம்பரல்லான்னு வருது ஓகே இப்படித்தான் இப் வந்து நமக்கு வொர்க் ஆகுது சோ இங்க நான் எக்ஸாம்பிள் கொஸ்டின்ஸ் கொடுத்திருக்கேன் வீடியோவை பாஸ் பண்ணிட்டு ரிமைனிங் இருக்கிற 4 கொஸ்டின்ஸையும் நீங்க கம்ப்ளீட் பண்ணுங்க ஓகே சோ ரிமைனிங் இருக்கிற எல்லா கொஸ்டின்ஸையும் நீங்க கம்ப்ளீட் பண்ணி இருப்பீங்க அப்படின்னு சொல்லி நான் நம்புறேன் சோ பிராக்டிஸ் பண்ணுங்க உடனே குயிக்கா ஜஸ்ட் வீடியோ பார்த்தா மட்டும் பத்தாது பிராக்டிஸ் பண்ண பண்ண தான்

நம்மளால ஒவ்வொரு விஷயத்துல நம்ம சக்சஸ் ஆக முடியும் சோ யா வில் மூவ் ஆன் டு தி நெக்ஸ்ட் டாபிக் ஓகே அடுத்து லாஜிக்கல் ஆண்ட்ன்னா என்ன லாஜிக்கல் ஆர்னா என்ன லாஜிக்கல் நாட் ன்னா என்ன அப்படின்னு சொல்லி அண்டர்ஸ்டாண்ட் பண்ணிக்கலாம் கவனிங்க இப்ப நான் இங்க கன்சோல் லாக்ல ட்ரூன்னு போட்டா என்ன ஆகும் என்ன ஆகும் ட்ரூன்னு சொல்லி பிரிண்ட் ஆகும் பால்ஸ்ன்னு போட்டா எனக்கு பால்ஸ்ன்னு சொல்லி பிரிண்ட் ஆகும் ஆனா இப்போ ஃபால்ஸ் இதை தான் லாஜிக்கல் அண்ட்ன்னு சொல்லி சொல்றோம் ஓகேவா இப்படின்னா ரெண்டு டைம் இந்த சிம்பல் நான் போட்டேன் அப்படின்னா இதை லாஜிக்கல் ஆண்ட்ன்னு சொல்லி சொல்றோம் பால்ஸ் அண்ட் ட்ரூ இப்படி நான் போட்டேன்னா இப்ப எனக்கு என்ன அவுட்புட் வரும் சொல்லுங்க இப்ப நான் இதை ரன் பண்றேன் இப்ப எனக்கு பால்ஸ்ன்னு சொல்லி அவுட்புட்

வந்திருக்கு நான் திரும்பவும் இன்னொரு ட்ரூ ஆட் பண்றேன் இப்ப என்ன வரும் இப்பயும் பால்ஸ்ன்னு தான் வருது இதே இந்த பால்ஸ் எடுத்துட்டு நான் ட்ரூ போட்டேன்னா இப்ப எனக்கு ட்ரூ வருது சோ அண்ட் பொறுத்தவரைக்கும் இதைத்தான் நம்ம அண்ட்ன்னு சொல்லி சொல்றோம் அண்ட் அப்படின்னா இதுவும் இதுவும் அண்ட் அப்படின்றப்ப இதுவும் இதுவும் அப்போ இதுவும் ட்ரூவா இருக்கணும் இதுவும் ட்ரூவா இருக்கணும் அப்பதான் ஓவர் ஆலா இந்த ஸ்டேட்மெண்ட் ட்ரூன்னு அர்த்தம் ஒன்னு ட்ரூவா இருந்து இன்னொரு பால்ஸா இருந்துச்சுன்னா இந்த மொத்த ஸ்டேட்மெண்ட்டும் பால்ஸா இருக்கும் அப்போ அண்ட் இருந்துச்சு அப்படின்னா அது ஃபுல் ஃபுல்லாவே ட்ரூவா இருந்தா மட்டும்தான் ஓவர் ஆல் ரிசல்ட் வந்து ட்ரூவா இருக்கும் ஓகேவா அதாவது இப்ப நான் இங்க பால்ஸ் போடுறேன் ஓகே இப்ப என்ன ஆகும் இதோட ரிசல்ட் என்னவா இருக்கும் பால்ஸ்ன்னு இருக்கும் கரெக்டா

அண்ட் அப்படின்றப்ப ஃபர்ஸ்ட் பால்ஸ் அண்ட் ட்ரூ அப்போ இது பால்ஸும் அண்ட் பால்ஸும் ட்ரூவும் என்ன ஆகும் பால்ஸ் ஆயிரும் அடுத்து பால்ஸ் அண்ட் ட்ரூ திரும்பவும் இதுவும் எனக்கு என்ன ஆயிரும் இதுவும் எனக்கு பால்ஸா மாறிரும் அடுத்து கன்சோல் லாக் பால்ஸ் ஆர் இந்த மாதிரி ரெண்டு பைப் சிம்பல் போட்டேன் அப்படின்னா ஆர் ன்னு அர்த்தம் பால்ஸ் ஆர் பால்ஸ் ஆர் ட்ரூ இப்ப என்ன பிரிண்ட் ஆகும்னு நினைக்கிறீங்க பாருங்க சோ நான் ஷார்ட்டா ஷார்ட்டா ஒன்னு நான் சொல்றேன் இங்க அண்ட் அப்படின்னா ஒரு பால்ஸ் இருந்தாலும் மொத்த ஸ்டேட்மெண்ட்டும் பால்ஸ் ஆர் அப்படின்னா ஒரு ட்ரூ இருந்தாலும் மொத்த ஸ்டேட்மெண்ட்டும் ட்ரூ அண்ட் அப்படின்னா இதுவும் அதுவும் ஆர் அப்படின்னா இது இல்லன்னா அது ஏதோ ஒன்னுப்பா ஏதோ ஒன்னு ட்ரூ ஆனாலும் ட்ரூ ஓகேவா சோ அந்த அர்த்தம் புரிஞ்சு

கொஞ்சம் பாருங்க அண்ட் அப்படின்ற அப்ப நார்மலா தமிழ் அர்த்தம் மற்றும் இதுவும் அதுவும் ஆர் அப்படின்னா இது இல்லனா இது அப்ப ஏதோ ஒன்னு ட்ரூவா இருந்தாலே ஆர்ல மொத்த ஸ்டேட்மெண்ட்டும் ட்ரூ தான் ஏதோ ஒன்னு பால்ஸா இருந்தாலும் அண்ட்ல அந்த மொத்த ஸ்டேட்மெண்ட்டும் பால்ஸ் தான் ஓகேவா ஓகே சோ இப்ப இது உங்களுக்கு புரிஞ்சிருக்கும்னு நினைக்கிறேன் எப்படி அண்ட் ஆபரேட்டர் ஒர்க் ஆகுது ஆர் ஆபரேட்டர் ஒர்க் ஆகுது அடுத்து இப்ப நான் கன்சோல் லாக்ல ட்ரூன்னு போட்டா என்ன பிரிண்ட் ஆகும் ட்ரூன்னு தான் பிரிண்ட் ஆகும் ஆனா இதே இங்க ஒரு எக்ஸ்க்லமேட்டரி சிம்பல் போடுறேன் சரியா ட்ரூக்கு முன்னாடி ஒரு எக்ஸ்க்லமேட்டரி சிம்பல் போடுறேன் இப்ப நான் ரன் பண்றப்ப எனக்கு பால்ஸ்ன்னு பிரிண்ட் ஆகுது இதே இந்த இடத்துல நான் பால்ஸ்ன்னு போட்டா ட்ரூன்னு பிரிண்ட் ஆகுது ஓகேவா இந்த

எக்ஸ்க்லமேட்டரி சிம்பல் என்ன பண்ணுது பேசிக்கலி அப்படின்னா பால்ஸா இருந்துச்சுன்னா ட்ரூவா மாத்தும் ட்ரூவா இருந்துச்சுன்னா பால்ஸா மாத்தும் இதை நாட் ஆபரேட்டர் அப்படின்னு சொல்லி சொல்றோம் இப்ப இந்த மூணு ஆபரேட்டரும் என்னென்ன பண்ணுதுன்னு சொல்லி உங்களுக்கு புரிஞ்சிருக்கும்னு நினைக்கிறேன் லாஜிக்கல் அண்ட் லாஜிக்கல் ஆர் லாஜிக்கல் நாட் ஓகே இப்ப இதை பேஸ் பண்ணி பண்ணி இப்ப நம்ம அடுத்த கொஸ்டின் போலாம் வாட் இஸ் தி கலர் ஆஃப் தி டிராஃபிக் லைட் ஓகே டிராஃபிக் லைட்டோட கலர் என்ன அப்படின்னு சொல்லி நம்ம கேட்டிருக்காங்க அதாவது ரெட்டா இருந்தா ஸ்டாப் பண்ணு எல்லோவா இருந்தா ரெடி ஆகு கிரீனா இருந்தா போ இப்போ இதுக்கான கோட நம்ம எழுதுவோம் இப்ப நான் ஃபர்ஸ்ட் கொஸ்டின்க்கான கோடு மட்டும் நான் எழுதப்போறேன் ரிமைனிங் கோட நீங்க பண்ண போறீங்க ஓகே வேர் கலர் = ரெட் அப்படின்னா

இப் கலர் இப் கலர் = = ரெட் அப்படின்னா என்ன அர்த்தம் கன்சோல் லாக் ஸ்டாப் இப்ப நான் இங்க என்ன பண்றேன் இப்ப நான் இதை ரன் பண்றேன் எனக்கு ஸ்டாப்னு சொல்லி வந்திருக்கு சோ இந்த டபுள் =ன்னா இங்க என்ன அப்படின்னு சொல்லி நம்ம பார்க்கலாம் கலர் = ரெட் அப்ப இந்த இடத்துல என்ன ஸ்டேட்மெண்ட் இருக்கு ரெட் = = ரெட் அதாவது இந்த ஸ்டேட்மெண்ட்ல நான் என்ன சொல்றேன் அப்படின்னா இந்த சைடு இருக்கிறதும் இந்த சைடு இருக்கிறதும் ஒன்னுதான் அப்படின்னு சொல்லி நான் சொல்றேன் இப்போ ப்ரோக்ராம் செக் பண்ணுது நான் சொல்ற ஸ்டேட்மென்ட் கரெக்டா ரெண்டு சைடும் இருக்கிறதும் ரெட் தானா ஆமானா ஆமா இல்லைன்னா இல்ல ட்ரூ அப்படின்னு சொல்லி எனக்கு ரிட்டன் ஆச்சு அப்படின்னா எனக்கு இந்த ஃபோர்க் ஆகும் இந்த சைடும் ரெட் இருக்கு

இந்த சைடும் ரெட் இருக்கு இருக்கு நான் ப்ரோக்ராம்ட்ட சொல்றேன் இந்த பக்கமும் ரெட் இருக்கு இந்த பக்கமும் ரெட் இருக்கு ரெண்டுமே ஈக்குவல் தான் ரெட் ஈக்குவல் ஈக்குவல் ஈக்குவல் ரெண்டுமே ஈக்குவல் தான் அப்படின்னு சொல்லி நான் சொல்றேன் ப்ரோக்ராம் செக் பண்ணுது ஆமா நான் சொல்ற ஸ்டேட்மெண்ட் கரெக்ட்தான் அப்படின்னா இந்த இடத்துல இஃப் ட்ரூ அப்படின்னு சொல்லி எனக்கு வரும் ட்ரூன்னு வந்தா கன்சோல் டாட் லாக்ல நான் ஸ்டாப்னு சொன்னேன் அப்படின்னா எனக்கு அந்த ஸ்டாப்ன்றது வெளிய எனக்கு பிரிண்ட் ஆகும் ஓகே சோ இதே இந்த இடத்துல கலரை நான் கிரீன்னு மாத்துறேன் இப்ப என்ன ஆகும் இப்ப எனக்கு எதுவுமே பிரிண்ட் ஆகல ஏன்னா எனக்கு எல்ஸ் இல்ல இப்போ கலர் கிரீனா இருக்கும் கிரீன் = = ரெட் நான் ப்ரோக்ராம் என்ன சொல்றேன் கிரீன் = = ரெட்

அதாவது இந்த பக்கம் இருக்கிற கிரீனும் இந்த பக்கம் இருக்கிற ரெட்டும் ஈக்குவல்னு சொல்லி சொல்றேன் ப்ரோக்ராம் அது தப்புன்னு சொல்லி இந்த இடத்துல எனக்கு பால்ஸ்ன்னு சொல்லி எனக்கு அவுட்புட் வரும் இப்போ பால்ஸ்னா எல்ஸ் இருந்தா மட்டும்தான் பால்ஸ் இருக்கிறது ஒர்க் ஆகும் இப்ப எனக்கு எல்ஸ் இல்ல அதனால ப்ரோக்ராம் அதோட ஸ்டாப் ஆயிரும் ஓகே அடுத்து அடுத்த கலருக்கு போலாம் இப் கலர் = = எல்லோ கன்சோல் லாக் கெட் ரெடி அடுத்து இப் கலர் = = கிரீன் கன்சோல் லாக் கோ ஓகே சோ இப்ப நான் கோடு கரெக்டா எழுதிட்டேன்னு நினைக்கிறேன் இப்ப கிரீன்னு இருக்கு கலர்ல நான் கிரீன்னு கொடுத்திருக்கேன் இப்ப நான் இந்த ப்ரோக்ராம ரன் பண்றப்ப கோன்னு சொல்லி பிரிண்ட் ஆகுது நான் கலரை எல்லோன்னு மாத்துறேன் இப்ப நான் இந்த ப்ரோக்ராம ரன் பண்றப்ப

கெட் ரெடின்னு சொல்லி மாறுது ஓகே இந்த மாதிரி ஒவ்வொன்னும் நமக்கு மாறுது அந்த ப்ரோக்ராம நம்ம கரெக்டா போட்டாச்சு ஓகே சோ இதே மாதிரி இப்போ வீடியோவை பாஸ் பண்ணிட்டு இந்த செகண்ட் கொஸ்டின் போட்டு பாருங்க ஸ்பிரிங் சம்மர் ஆட்டம் வின்டர் ஓகே இது மூணும் வேர் வேரியபிள் சீசன்னு சொல்லி ஒன்னு டிக்ளேர் பண்ணுங்க ஒவ்வொரு சீசனுக்கும் என்னென்ன நடக்கணும் அப்படின்னு சொல்லி நீங்க மென்ஷன் பண்ணுங்க அந்த ஒவ்வொரு சீசன்லயும் உங்களுக்கு ஒன்னு ஒன்னு நடக்கணும் ஓகே ஓகே சோ கம்ப்ளீட் பண்ணிருப்பீங்க அப்படின்னு சொல்லி நினைக்கிறேன் ஓகே அடுத்து வாட் இஸ் தி ஸ்கோர் இன் எ கேம் ஓகே இப்போ இந்த கொஸ்டின் நான் பண்ண போறேன் தேர்ட் கொஸ்டின் ஐ அம் கோ டூ இட் ரிமைனிங் ரெண்டையும் நீங்க தான் பண்ண போறீங்க ஓகேவா சோ இப்ப நான் இந்த

தேர்ட் கொஸ்டின் மட்டும் பண்றேன் வாட் இஸ் தி ஸ்கோர் இன் எ கேம் இப் ஸ்கோர் இஸ் லெஸ் தன் 50 பிரிண்ட் யூ நீட் டு இம்ப்ரூவ் ஸ்கோர் 50 விட கம்மியா இருந்தா யூ நீட் டு இம்ப்ரூவ்னு பிரிண்ட் பண்ணுங்க ஓகே ஒன்னு ஒன்னா பண்ணலாம் வேர் ஸ்கோர் = 50 இப் ஸ்கோர் < 50 கன்சோல் யூ நீட் டு இம்ப்ரூவ் ஸ்கோர் வந்து இப்போ 40 ன்னு இருந்துச்சு அப்படின்னா இப்ப நான் இதை ரன் பண்றப்ப எனக்கு ஒர்க் ஆகும் ஏன்னா ஸ்கோர் லெஸ் தேன் 50 அப்படின்றப்ப 40 < 50 அப்படின்றப்ப இந்த ஸ்டேட்மெண்ட் கரெக்டா 40 50 விட சின்னது 40 < 50 அப்போ இந்த ஸ்டேட்மெண்ட் எனக்கு ட்ரூன்னு சொல்லி வரும் அப்போ ட்ரூன்றப்ப யூ நீட் டு இம்ப்ரூவ்னு சொல்லி எனக்கு

வெளிய பிரிண்ட் ஆகுது ஓகேவா இப்போ இதுவே ஸ்கோர் 70 -ன்னு இருந்துச்சுன்னா 70 < 50-ன்னு சொல்லி நான் சொல்றேன் 70 < 50 ப்ரோக்ராம் பாப்போம் அடேய் 70 எப்படிடா லெஸ் தன் 50 ஆகும் அப்போ இந்த ஸ்டேட்மெண்ட் பால்ஸ்ன்னு சொல்லி வரும் அப்போ பால்ஸ்ன்றப்ப எனக்கு எதுவுமே பிரிண்ட் ஆகாது ஏன்னா எனக்கு எல்ஸ் இல்லை ஓகேவா சூப்பர் கூல் அடுத்து என்ன குடுத்திருக்காங்க இப் ஸ்கோர் இஸ் பிட்வீன் 50 அண்ட் 70 கவனிங்க இப் ஸ்கோர் இஸ் பிட்வீன் 50 அண்ட் 70 இப்ப நம்ம இந்த இடத்துல லாஜிக்கல் ஆபரேட்டர் யூஸ் பண்ணப்போறோம் இப் ஸ்கோர் இப் ஸ்கோர் கிரேட்டர் தன் 50 அண்ட் ஸ்கோர் லெஸ் தேன் 70 அதாவது ஸ்கோர் 50 க்கு மேல இருக்குது அதே நேரத்துல ஸ்கோர் 70 க்கு கீழேயும் இருக்குது 50க்கும் இடை

70க்கும் நடுவுல இருந்துச்சு அப்படின்னா நான் என்னன்னு பிரிண்ட் பண்ணப்போறேன் கன்சோல் குட் ஜாப் ஓகே சோ இங்க என்ன நடக்குது அகைன் இந்த ஸ்டேட்மெண்ட் ரெண்டா பிரியும் ஸ்கோர் < 50 ஸ்கோர் > 70 இப்ப ஸ்கோர்ன்றது 70 70 > 50 ட்ரூவா ட்ரூ அடுத்து ஸ்கோர் < 70 70 < 70 இது இப்போ ட்ரூவா பால்ஸா கவனிங்க இங்க ரெண்டு ஸ்கோர் இருக்கு ஃபர்ஸ்ட் ஸ்டேட்மென்ட்ல 70 > 50 இது ட்ரூ அண்ட் ஸ்கோர் 70 < 70 இது ட்ரூவா பால்ஸா 70 விட 70 கம்மியா கிடையாது இது எனக்கு பால்ஸ்ன்னு வரும் ஏன்னா 70 யும் 70 ஒன்னு தான் கரெக்டா 70 விட 70 கம்மியும் கிடையாது கூடையும் கிடையாது ஆனா நான் என்ன சொல்லிருக்கேன் 70 விட கம்மின்னு சொல்லி சொல்லி இருக்கேன் அப்போ

இது எனக்கு பால்ஸ்ன்னு வரும் அப்போ எனக்கு இது வொர்க் ஆகாது கரெக்டா இப்ப நான் ரன் பண்றேன் எனக்கு எதுவுமே பிரிண்ட் ஆகல ஏன்னா இங்க ட்ரூ இருக்கும் இங்க பால்ஸ் இருக்கும் ரெண்டுமே ட்ரூவா இருந்தாதான் எனக்கு இந்த இஃப் ட்ரூவா மாறும் ஏன்னா நடுவுல அண்ட் ஆபரேட்டர் போட்டிருக்கேன் ஓகேவா சோ இப்ப எனக்கு இது ஒர்க் ஆகல எனக்கு இது ஒர்க் ஆகணும் அப்படின்னா நான் என்ன பண்ணலாம் கவனிங்க இப்போ இந்த ப்ரோக்ராம் இருக்கு இதை மட்டும் வச்சுக்கலாம் ஃபர்ஸ்ட் ஒரு எக்ஸ்பிளனேஷன்க்காக ஸ்கோர் < 50 இப்ப நான் இங்க 50 கொடுக்கிறேன் 50 < 50 கரெக்டா 50 < 50 கரெக்டா தப்பு 50 விட 50 கம்மி கிடையாது கூடவே கூடயும் கிடையாது அப்போ நான் இந்த இடத்துல 50 < 50ன்னு சொன்னேன்னா எனக்கு அவுட்புட் என்னதான்

கிடைக்கும் பால்ஸ்ன்னு தான் கிடைக்கும் அதனால இஃப் குள்ள உள்ளது எனக்கு ஒர்க் ஆகாது இப்ப நான் என்ன பண்ணலாம் இந்த இடத்துல ஈக்குவல் டு அப்படின்னு சொல்லி நான் போடலாம் அதாவது இப்போ ஈக்குவல் டுன்னா என்ன அர்த்தம் அப்படின்னா கவனிங்க இப்போ இது ரெண்டு ஸ்டேட்மெண்ட்டா பிரியுது ஸ்கோர் லெஸ் தேன் 50 ஆர் ஸ்கோர் = = 50 இப்படி ரெண்டு ஸ்டேட்மெண்ட்டா இப்போ இது எனக்கு பிரியுது ஸ்கோர் லெஸ் தன் 50 ன்னு சொல்லி ஃபர்ஸ்ட் பாக்குது ஸ்கோர் லெஸ் தன் 50 யா கிடையாது இது பால்ஸ் அடுத்து ஸ்கோர் = = 50 ன்னு சொல்லி பாக்குது ஸ்கோர் = = 50 யா 50 = = 50 ஆமா ட்ரூ அப்போ இங்க எனக்கு r அப்படின்ற ஸ்டேட்மென்ட் ஒர்க் ஆகும் அப்போ இந்த இஃப் வந்து எனக்கு

ட்ரூ ஆயிரும் அப்ப எனக்கு யூ நீட் டு இம்ப்ரூவ் அப்படின்னு சொல்லி எனக்கு பிரிண்ட் ஆகும் ஓகே சோ அகைன் நான் சொல்றேன் அண்டர்ஸ்டாண்ட் பண்ணிக்க முடியல அப்படின்னா வீடியோவை அகைன் ரிவைண்ட் பண்ணி பாருங்க ஓகே யூ கேன் அண்டர்ஸ்டாண்ட் இட் சோ இப்ப நான் இதை ரன் பண்றப்ப எனக்கு யூ நீட் இம்ப்ரூவ்னு சொல்லி பிரிண்ட் ஆகுது ஓகே ஓகே சோ நம்ம அகைன் பழைய கோடுக்கே போலாம் இப்ப நான் இங்க என்ன பண்ண போறேன் ஸ்கோர் <=50 ஸ்கோர் கிரேட்டர் தன் 50 அண்ட் <= 70 70 இல்ல 70 குள்ள இருந்துச்சுன்னா குட் ஜாப் இப்ப நான் இங்க 70-ன்னு போட்டேன் அப்படின்னா இப்ப எனக்கு என்ன பிரிண்ட் ஆகணும் குட் ஜாப்னு பிரிண்ட் ஆகணும் சூப்பர் குட் ஜாப்னு பிரிண்ட் ஆயிடுச்சு அடுத்து அடுத்த ஸ்டேட்மெண்ட் என்ன குடுத்திருக்காங்க

இப் ஓகே if the score is greater than 70 பிரிண்ட் எக்ஸலண்ட் பெர்ஃபார்மன்ஸ் இப் ஸ்கோர் கிரேட்டர் தன் 70 console log எக்ஸலண்ட் பெர்ஃபார்மன்ஸ் சூப்பர் பெண்டாஸ்டிக் கைஸ் சோ இப்ப நான் இங்க ஸ்கோர் வந்து நான் 18 கொடுத்தேன்னா ரன் திஸ் ப்ரோக்ராம் நவ் எக்ஸலண்ட் பெர்பார்மன்ஸ் ஓகே சோ இப்படித்தான் நமக்கு வந்து வொர்க் ஆகுது பட் இங்க ஒரு சின்ன கரெக்சன் இப்ப நான் வந்து சொல்லப்போறேன் கவனிங்க ஃபர்ஸ்ட் என்னோட ப்ரோக்ராம் என்ன பண்ணும் இஃப் இதை செக் பண்ணும் திரும்ப அடுத்து இஃப் இதை செக் பண்ணும் திரும்ப அடுத்து இஃப் இதை செக் பண்ணும் என்னதான் இப்போ கவனிங்க இப்ப நான் இந்த இடத்துல 50 ன்னு கொடுத்தேன் அப்படின்னா எனக்கு யூ நீட் டு இம்ப்ரூவ்ன்னு சொல்லி இங்கேயே எனக்கான ரிசல்ட் கிடைச்சிருச்சு ஆனாலும் என்னோட

ப்ரோக்ராம் திரும்ப இதையும் செக் பண்ணும் திரும்ப இதையும் செக் பண்ணும் தண்டமா செக் பண்ணும் ஓகே இந்த மாதிரி ஒரே வேரியபிளை வச்சு ஓகே ஸ்கோர் ஒரே வேரியபிள வச்சு நிறைய ஸ்டேட்மென்ட் நம்ம பண்றோம் அப்படின்றப்ப நம்ம என்ன யூஸ் பண்ணலாம் எல்ஸ் இஃப் யூஸ் பண்ணலாம் எல்ஸ் இப் ஒருவேளை ஸ்கோர் 50 க்கு கீழ இருந்துச்சுன்னா இதை பண்ணு இல்லனா ஸ்கோர் 50 லிருந்து 70 வரைக்கும் இருக்குதான்னு பாரு அதுவும் இல்லனா ஸ்கோர் 70 விட அதிகமா இருக்கான்னு பாரு இந்த மாதிரி ஒன்னு இல்லைன்னா ஒன்னு அது இல்லைன்னா இது இது இல்லைன்னா இது இந்த மாதிரி அடுக்கடுக்கா கீழ கீழ வர்றப்ப நம்ம எல்சிபி யூஸ் பண்ணிக்கலாம் இப்போ ரெண்டு மட்டும் இருக்கு அதாவது மழை பெய்யுது மழை பெய்யுதா இல்லையா அப்படின்னு நம்ம செக் பண்றோம் அப்படின்னா ரெயினிங் ட்ரூ

இல்லைனா பால்ஸ் அப்படின்றப்ப இஃப் எல்ஸ் யூஸ் பண்றோம் அதுவே மூணு ஸ்டேட்மென்ட் இருக்கு அப்படின்றப்ப அதாவது போன தடவை நம்ம பார்த்த கொஸ்டின் ரெட் லைட் கிரீன் லைட் எல்லோ லைட் இந்த மாதிரி மூணு இருக்கு அப்படின்னா இந்த மாதிரி இடங்கள்ல நம்ம lcf யூஸ் பண்ணலாம் ஓகே சோ நெக்ஸ்ட் கொஸ்டின்ஸ் நீங்க ட்ரை பண்ணுங்க ஃபோர்த் கொஸ்டின் அண்ட் பிப்த் கொஸ்டின் நீங்க ட்ரை பண்ணுங்க ஓகே சோ யா இப் எல்ஸ் நம்ம பார்த்தாச்சு எப்படி இப் எல்ஸ் வொர்க் ஆகுது அப்படின்னு சொல்லி ஓகே நெக்ஸ்ட் நம்ம ஃபார் லூப் எப்படி வொர்க் ஆகுது அப்படின்னு சொல்லி நம்ம பார்க்கலாம் இன் ஜாவாஸ்கிரிப்ட் a forர் லூப் இஸ் எ கண்ட்ரோல் flow statement used to repeatedly execute a block or code and specify condition generally syntax

பிளா பிளா பிளா பிளா ஓகே சோ ஃபார் லூப் எதுக்காக யூஸ் பண்றோம் அப்படின்னு சொல்லி பார்க்கலாம் ஓகே சோ இப்ப நான் என்னோட கோடு எடிட்டர் நான் ஓபன் பண்ணிக்கிறேன் இப்ப நான் இங்க கன்சோல் ஜான்ன்னு சொல்லி போடுறேன் இப்ப எனக்கு என்ன அவுட்புட் கிடைக்கும் நோட் டெமோட் ஜேஎஸ்ன்னு நான் போட்டு இப்ப ரன் பண்றேன் இப்ப எனக்கு என்ன அவுட்புட் கிடைச்சிருக்கு ஜான்ன்னு சொல்லி எனக்கு அவுட்புட் கிடைச்சிருக்கு ஓகே சோ இந்த ஜான் எனக்கு ஒரு தடவை பிரிண்ட் ஆகாம 10 தடவை பிரிண்ட் ஆகணும்னு வைங்களேன் நான் என்ன பண்ணனும் 10 தடவை போடணும் 1 3 9 10 இப்படி நான் 10 தடவை போட்டேன்னா எனக்கு 10 தடவை ஜான் பிரிண்ட் ஆகும் ஆனா 1000 தடவை போடணும்னா என்னால ஒவ்வொரு டைமும் இப்படி என்னால ரன் பண்ணிட்டு

இருக்க முடியாது அதுக்காக ஒரு பர்டிகுலர் விஷயம் எனக்கு நடக்கணும் அதை திரும்ப திரும்ப நடக்கணும் அப்படி நடக்க வைக்கிறதுக்காக நான் ஃபார் லூப் யூஸ் பண்ண போறேன் ஒரு ரெண்டு லைன் ஆஃப் கோடுல என்னால 1000 தடவை கூட ஒரு கோடு ரன் ரன் பண்ண வைக்க முடியும் அதுக்கு மேல கூட ரன் பண்ண வைக்க முடியும் அதுக்காகத்தான் ஃபார் லூப் யூஸ் பண்றோம் குட்டியா இங்க ஒரு கதை சொல்றேன் கவனிங்க ஓகே இங்க பாருங்க என் கையில அஞ்சு ஆப்பிள் இருக்கு இந்த அஞ்சு ஆப்பிளையும் இந்த சைடு இருந்து இந்த சைடு இருக்குற இந்த பாக்ஸ்க்கு நான் எடுத்துட்டு வரணும் ஓகே ஐ shouldுட் பிரிங் ஈச் அண்ட் எவ்ரி ஆப்பிள் பிரம் திஸ் சைடு டு திஸ் சைடு இங்க இருந்து நான் எல்லா ஆப்பிளையும் இந்த சைடு கொண்டு வரணும்

அதுக்கு நான் இந்த ரோபோட்டோட ஹெல்ப் யூஸ் பண்ண போறேன் இந்த ரோபோக்கு மண்டையில மூளை கிடையாது ஓகேவா இந்த ரோபோக்கு மண்டையில மூளை கிடையாது இந்த ரோபோ கிட்ட ஒரே ஒரு குட்டி பக்கெட் மட்டும் இருக்கு இந்த குட்டி பக்கெட்டை வச்சு இங்க இருக்கிற எல்லா ஆப்பிளையும் இந்த பக்கம் எடுத்துட்டு போகணும் இந்த ரோபோ இதுதான் இந்த ரோபோவோட டாஸ்க் ஓகே இன்னும் எக்ஸ்ட்ரா பாக்கெட் கூட இருக்குன்னு வச்சுக்கோங்களேன் ஆறு ஏழு ஓகே ஃபர்ஸ்ட் நான் இந்த ரோபோ கிட்ட என்ன சொல்லணும் ஸ்டார்ட் எங்க இருந்து ஆரம்பிக்கணும்னு சொல்லி நான் சொல்லணும் அதாவது ஒரு டப்பா இருக்கு இந்த டப்பாக்குள்ள இருக்கிற எல்லா ஆப்பிளையும் இந்த ரோபோட் எடுத்துட்டு வந்து இந்த டப்பாக்குள்ள போடப்போகுது ஓகே ஓகேவா சோ ஃபர்ஸ்ட் எங்க இருந்து ஆரம்பிக்கணும் ஓகே ஓகே ஃபர்ஸ்ட் இந்த ஒன்னாம் நம்பர் டப்பால

இருந்து ஆரம்பிக்கணும் கரெக்டா ஃபர்ஸ்ட் இந்த ஒன்னாம் நம்பர் டப்பால இருந்து ஆரம்பிக்கணும் ஓகே என்னோட ரோபோட்டை நான் வந்து இந்த ரோபோட்டுக்கு வந்து அறிவு கிடையாது கொஞ்சம் அறிவு கம்மிதான் நான் ஆல்ரெடி சொன்னேன் அஞ்சு டப்பா வரைக்கும் தான் எனக்கு வந்து ஆப்பிள் இருக்கு ஆறாவது டப்பால ஏழாவது டப்பால ஆப்பிள் கிடையாது அப்ப என்னோட ஆப் என்னோட ரோபோட் முதல் இருக்கிற அஞ்சு டப்பால இருந்து மட்டும்தான் ஆப்பிள் எடுக்கணும் ஒன் 2 3 4 5 முதல்ல இருக்கிற அஞ்சு டப்பால இருந்து மட்டும்தான் ஆப்பிள் எடுக்கணும் ஆறாவது டப்பால இருந்து ஆப்பிள்ளை எடுக்கக்கூடாது அப்ப நான் என்னோட ரோபோட் கிட்ட ஒரு கண்டிஷன் கொடுக்க போறேன் அதாவது நீ எடுக்கப்போற டப்பா ஓகேவா நீ எடுக்கப்போற டப்பா லெஸ் தன் ஆர் = 5 அஞ்சு இல்ல அஞ்சை விட கம்மியா இருந்தா மட்டும்

அதுல இருக்கிற ஆப்பிள்ளை எடுத்துட்டு வா அப்படின்னு சொல்லி நான் சொல்லப்போறேன் ஃபர்ஸ்ட் ஒன்னாம் நம்பர் எடுக்குது கண்டிஷன் செக் பண்ணுது நம்பர் எடுத்த உடனே கண்டிஷன் செக் பண்ணும் 1 <=5ன்னு கண்டிஷன் செக் பண்ணுது ஆமா கரெக்ட் ட்ரூ அப்படின்றப்ப இந்த ஒன்னாம் நம்பர்ல இருக்குற ஆப்பிளை கொண்டு வந்து இந்த டப்பாகுள்ள போட்டுருச்சு ஓகே ஒன்னாம் நம்பர் ஆப்பிள் வந்துருச்சு அடுத்து திரும்ப ரெண்டாவது ஆப்பிளை போய் எடுக்கணும்னு சொல்லி என்னோட ரோபோட்டுக்கு தெரியாது நான் என்ன சொல்லணும் அடுத்து மூணாவதா நெக்ஸ்ட் நெக்ஸ்ட் போய் எதை எடுக்கணும்னு சொல்லி நான் சொல்லணும் ஃபர்ஸ்ட் எங்க ஆரம்பிக்கணும்னு சொல்லணும் அடுத்து கண்டிஷன் கொடுக்கிறேன் ஏன்னா இத்தனை இத்தனை டப்பால மட்டும்தான் ஆப்பிள் இருக்கு அதுக்கு மேல ஆப்பிள் இல்ல அதனால அதை தெரிஞ்சுக்கிறதுக்காக நான் ஒரு கண்டிஷன் கொடுக்கிறேன் அஞ்சு டப்பா கேடு அதுக்கு மேல எடுக்காதுன்னு

முதல் முதல் ஒரு டப்பாவை எடுத்துருச்சு அடுத்து ரெண்டாவது டப்பாவை எடுக்கணும் கரெக்டா அதுக்கு நான் ஒரு கண்டிஷன் கொடுக்கிறேன் அதுக்கு நான் என்ன சொல்ல போறேன் அப்படின்னா ஸ்டார்ட் +1 ஆல்ரெடி இருக்கிறதுல இருந்து ஒன்னை ஆட் பண்ணிக்கோ அப்படின்னு சொல்லி சொல்றேன் அப்போ 1+1 2 அப்போ திரும்ப ரெண்டாவது போய் எடுக்குது திரும்ப ரெண்டாவது செக் பண்ணுது 2 <=5ன்னு செக் பண்ணுது அது ட்ரூவா இருக்குறப்ப திரும்ப இந்த ஆப்பிளை கொண்டு வந்து இங்க போடுது திரும்பவும் ஆல்ரெடி இருக்கிற ரெண்டோட ஒன்னை கூட்டுறேன் மூணாவது மூணாவது பக்கெட் போகுது திரும்ப மூணாவது செக் பண்றேன் 3 <=5ன்னு ட்ரூ திரும்பவும் எடுத்து போடுது திரும்பவும் வருது திரும்பவும் போடுது அட் சர்ட்டைன் பாயிண்ட்ல திரும்ப வர்றப்ப r-ன்னு சொல்லி மாறும் இந்த கண்டிஷன் செக் பண்ணனும் 6 <=5 ஆன்னு சொல்லி கண்டிஷன் பால்ஸ்

ஆயிரும் என்னோட ரோபோட் ஆப்பிளை இங்க இருந்து இங்க கொண்டு போறதை நிப்பாட்டிரும் ஓகே சோ இங்க நான் மெயினா என்ன சொல்ல வரேன் அப்படின்னா மூணு விஷயம் நான் இங்க பண்ணனும் ஓகே ஃபர்ஸ்ட் எங்க இருந்து ஆரம்பிக்கணும்னு சொல்லி நான் சொல்லணும் அடுத்து கண்டிஷன் கொடுக்கணும் அஞ்சு பக்கெட் வரைக்கும் தான் போ அதுக்கு மேல போகாத லெஸ் தன் 5 இருந்தா மட்டும் எடுத்துட்டு போ அப்படின்னு சொல்லி ஃபர்ஸ்ட் பக்கெட் எடுத்துருச்சு கண்டிஷன் செக் பண்ணியாச்சு திரும்ப அடுத்து எந்த பக்கெட்டுக்கு போகணும் கவுண்ட் = பக்கெட் = பக்கெட் +1 ஆல்ரெடி இருக்கிறதோட +1 செகண்ட் பக்கெட்ல இருந்துச்சுன்னா +1 தேர்ட் பக்கெட் தேர்ட் பக்கெட்ல இருந்துச்சுன்னா +1 போர்த் பக்கெட் இந்த மாதிரி எடுக்கணும்னு சொல்லி சொல்றேன் ஓகேவா இதை அப்படியே இப்ப நம்ம பார் லூப் ப்ரோக்ராமிங்ல போட்டு பார்க்க போறோம்

கவனிங்க ஃபார் கவுண்ட் அப்படின்னு சொல்லி நான் ஒரு வேரியபிள் டிஃபைன் பண்ணிக்கிறேன் ஓகேவா அதாவது இப்ப எனக்கு கன்சோல் லாக்ல எனக்கு ஜான் என்ற என்னோட பேரு 10 தடவை பிரிண்ட் ஆகணும் இதுதான் இப்போ எனக்கான டாஸ்க் ஓகேவா இந்த ஜான் என்ற பேரு 10 தடவை பிரிண்ட் ஆகணும் அதுக்கு நான் ஃபார் லூப் யூஸ் பண்ண போறேன் ஃபார் எங்க ஆரம்பிக்கணும் அஞ்சு தடவை பிரிண்ட் ஆகணும்னு வச்சுக்கலாம் கவுண்ட் = 1 தடவை பிரிண்ட் ஆகணும் ஃபர்ஸ்ட் ஓகேவா கவுண்ட் = 1 அடுத்து மொத்தம் எத்தனை தடவை பிரிண்ட் ஆகணும் கண்டிஷன் மொத்தம் அஞ்சு தடவை தான் பிரிண்ட் ஆகணும் ஜாயின் என்ற பேரு கரெக்ட்டா அப்போ கவுண்ட் ஒன் ல இருந்து ஆரம்பிச்சு கவுண்ட் அஞ்சு வரைக்கும் பிரிண்ட் ஆகலாம் ஓகே அதாவது கவுண்ட் ஒன்னா இருக்குறப்ப ஜான்ன்னு பிரிண்ட் ஆகணும்

திரும்ப கவுண்ட் ரெண்டா இருக்குறப்பயும் ஜான்னு பிரிண்ட் ஆகணும் மூணா இருக்குறப்பயும் ஜான்னு பிரிண்ட் ஆகணும் நாலா இருக்குறப்பயும் ஜான் பிரிண்ட் ஆகணும் அஞ்சா இருக்குறப்பயும் ஜான்னு பிரிண்ட் ஆகணும் ஆனா ஆறா இருக்குறப்ப ஜான் பிரிண்ட் பண்ணக்கூடாது அப்ப எனக்கு அஞ்சு தடவை ஜான் பிரிண்ட் ஆகும் கரெக்டா 1 2 3 4 5 கண்டிஷன் ஒவ்வொரு தடவையும் கவுண்ட் = கவுண்ட் +1 இப்ப நான் இதுக்குள்ள கன்சோல் லாக் குள்ள ஜான் போடுறேன் இப்ப இங்க என்ன நடக்குதுன்னு இப்ப நான் கிளியரா எக்ஸ்பிளைன் பண்ண போறேன் கவனிங்க மூணு விஷயம் முக்கியம் இனிஷியலைஸ் பண்றோம் எங்க இருந்து ஆரம்பிக்கணும்னு அடுத்து கண்டிஷன் கொடுக்கிறோம் அடுத்து ஹைட்ரேஷன் அடுத்து என்ன நடக்கணும் அப்படின்னு சொல்லி நான் ஹைட்ரேஷன் கொடுக்கிறேன் ஓகேவா இது மூணு தான் நடக்கிறது ஸ்டெப் 1 ஸ்டெப் 1ல கவுண்ட் = 1

அடுத்து கண்டிஷன் செக் பண்றேன் கவுண்ட் <=5 அப்போ 1 <=5 ட்ரூ ட்ரூன்றப்ப எனக்கு ஜான் பிரிண்ட் ஆயிரும் வெளிய பிரிண்ட் ஆனதுக்கு அப்புறம் ஃபர்ஸ்ட் கண்டிஷன் செக் பண்ணுது அடுத்து கவுண்ட் = கவுண்ட் +1 ஸ்டெப் 2 ஸ்டெப் 2ல கவுண்ட் = 2 இப்ப திரும்பவும் இந்த கண்டிஷன் செக் பண்ணுது கவுண்ட் <=5 2 <=5 ட்ரூ அப்ப திரும்ப ரெண்டாவது தடவை ஜான் பிரிண்ட் ஆகுது இதே மாதிரி உங்க நோட்ல எழுதி பாருங்க மூணாவது ஸ்டெப்ல என்ன ஆகுது நாலாவது ஸ்டெப்ல என்ன ஆகுது அஞ்சாவது ஸ்டெப்ல என்ன ஆகுதுன்னு சொல்லி ஐ கெஸ் ஆறாவது ஸ்டெப் வர்றப்ப உங்களோட கவுண்ட் 6 ஆ இருக்கும் கண்டிஷன் 6 <=5 ஆ இருக்கும் அப்போ உங்களுக்கு பால்ஸ்ன்னு சொல்லி வரும் எப்போ உங்களுக்கு கண்டிஷன் பால்ஸ் ஆகுதோ எப்போ உங்களுக்கு கண்டிஷன்

பால்ஸ் ஆகுதோ அப்போ இந்த லூப் பிரேக் ஆகி உங்களோட ப்ரோக்ராம் ஸ்டாப் ஆயிரும் ஓகே சோ உங்களுக்கு புரியல அப்படின்னா உங்களோட நோட்ல எழுதி பாருங்க ஸ்டெப் பை ஸ்டெப்பா 1 2 3 4ன்னு சொல்லி ஸ்டெப் பை ஸ்டெப்பா எழுதி பாருங்க ஓகே இப்ப நான் இதை ரன் பண்றேன் இப்ப எனக்கு ஜான் சொல்லி அஞ்சு தடவை பிரிண்ட் ஆயிடும் ஓகே சோ அகைன் நீங்களும் இதை ட்ரை பண்ணி பாருங்க ஜான் சொல்லி அஞ்சு தடவை பிரிண்ட் பண்றத ஓகே ட்ரை பண்ணிருப்பீங்கன்னு நம்புறேன் ஓகே நெக்ஸ்ட் சோ ஓகே இப்போ பிரிண்ட் ஆல் தி நம்பர்ஸ் பிரம் ஒன் டு 10 யூசிங் எ ஃபார் லூப் அஞ்சு தடவை எப்படி ஜான் பிரிண்ட் பண்றதுன்னு பார்த்தோம் இப்போ ஃபர்ஸ்ட் அப்படியே ஒண்ணுல இருந்து அஞ்சு வரைக்கும் பிரிண்ட் பண்றது எப்படின்னு பாருங்க

1 2 3 4 5 எப்படி ஒண்ணுல இருந்து அஞ்சு வரைக்கும் பிரிண்ட் பண்ணலாம்னு பாருங்க அதே ஸ்டெப் பை ஸ்டெப் யூஸ் பண்ணி நிறைய பேர் பண்ணிருப்பீங்க நினைக்கிறேன் இப்ப நான் சொல்லப்போறேன் இப்போ ஒவ்வொரு தடவையும் ப்ரோக்ராம் ரன் ஆகுறப்ப என்னோட கவுண்ட் மாறிக்கிட்டே இருக்கும் கரெக்டா ஒவ்வொரு தடவையும் ப்ரோக்ராம் ரன் ஆகுறப்ப என்னோட கவுண்ட் என்னவா மாறும் ஒவ்வொரு தடவையும் ப்ரோக்ராம் ரன் ஆகுறப்ப என்னோட கவுண்ட் என்னவா மாறும் இனிஷியலா என்னோட கவுண்ட் ஒன்னா இருக்கும் அடுத்து ரெண்டா மாறும் கவுண்ட் = கவுண்ட் +1 அடுத்து மூணா மாறும் அடுத்து நாலா மாறும் அடுத்து அஞ்சா மாறும் அடுத்து ஆறா மாறும் ஆறா மாறுனதுக்கு அப்புறம் கண்டிஷன்ல பால்ஸ் ஆயிரும் அதனால ப்ரோக்ராம் வெளில வந்துரும் அப்போ இந்த கவுண்ட்ல எனக்கு ஒவ்வொரு தடவையும் ஒவ்வொரு ஸ்டெப்லயும் எனக்கு கவுண்ட் வேரி

ஆயிட்டே இருக்கு அப்ப இந்த இடத்துல நான் கவுண்ட்ன்னு போட்டேன் அப்படின்னா 1 2 3 4 5 அப்படின்னு சொல்லி எனக்கு கவுண்ட் பிரிண்ட் ஆகுது சூப்பர் அதே மாதிரி 10 வரைக்கும் பிரிண்ட் ஆகணும்னா அப்ப என்ன பண்ணுவீங்க <=5 <=10ன்னு போடுங்க இப்போ 10 வரைக்கும் உங்களுக்கு பிரிண்ட் ஆகும் ஓகே இப்படித்தான் உங்களுக்கு ஃபார் லூப் வந்து வொர்க் ஆகுது சோ உங்களுக்கு அகைன் புரியல அப்படின்னா அகைன் ஒரு தடவை பாருங்க ஓகே ஸ்டெப் பை ஸ்டெப்பா நோட்ல எழுதி பாருங்க ஓகே சோ இதை இதை பண்ண ட்ரை பண்ணுங்க நம்ம இப்ப ஒண்ணு ஒண்ணா இன்கிரிமெண்ட் பண்றோம் கவுண்ட் = கவுண்ட் +1 அப்படின்னு சொல்லி இப்போ இன்ஸ்டெட் கவுண்ட் = கவுண்ட் +2ன்னு போட்டு பாருங்க அப்போ இந்த அவுட்புட் உங்களுக்கு கிடைக்கும் ஓகே ஓகே சோ நெக்ஸ்ட் நம்பரை

ரிவர்ஸ் ஆர்டர்ல பண்ணுங்க இப்ப நம்ம என்ன பண்றோம் நம்பரை ஒன்ல இருந்து ஆரம்பிச்சு கண்டிஷன் வந்து கவுண்ட் <=10 கவுண்ட் = கவுண்ட் +1 இப்போ 10 லிருந்து ஆரம்பிக்கணும் கவுண்ட்ட மைனஸ் பண்ணனும் 10 லிருந்து ஆரம்பிச்சு 9 8 7 அப்படின்னு ரிவர்ஸ்ல போகணும் அப்போ 10 லிருந்து ஆரம்பிச்சு மைனஸ் பண்ணனும் அப்ப இங்க கண்டிஷன் என்ன போடுவீங்கன்னு சொல்லி யோசிச்சு இந்த கண்டிஷனை ஃபிகர் அவுட் பண்ணுங்க பிரிண்ட் ஒன்லி தி ஈவன் நம்பர் பிரம் 1 டு 10 இங்க இஃப் கண்டிஷனையும் ஃபார் லூப்பையும் நீங்க யூஸ் பண்ணி பண்ணலாம் இதுக்கு எப்படி ஆன்சர் கண்டுபிடிக்கிறது அப்படின்னு சொல்லி ஃபிகர் அவுட் பண்ணுங்க பிரிண்ட் 2 டேபிள்ஸ் இந்த 1 2 1 2 3 4 5 6 இதை எப்படி வர வைக்கிறதுன்னு உங்களுக்கு தெரியும் கரெக்டா இது

கூடவே + * 2 = இப்படி போட்டீங்கன்னா என்ன ஆகும் + போட்டீங்கன்னா 1*2*2=2=2= அப்படின்னு சொல்லி உங்களுக்கு கிடைச்சுக்கிட்டே இருக்கும் அப்போ இந்த சைடு என்ன போடுவீங்க இந்த சைடு என்ன போட்டா இது ரெண்டும் மல்டிபிளை ஆகி உங்களுக்கு வேல்யூ கிடைக்கும் இங்க என்ன போட்டா மல்டிபிளை ஆகி வேல்யூ கிடைக்கும் இந்த 2 டேபிள் மட்டும் நான் ஷார்ட்டா எக்ஸ்பிளைன் பண்றேன் இப்ப உங்களுக்கு 1 2 3 4ன்னு கிடைச்சிருச்சு இது கூட இப்ப நான் என்ன போடப்போறேன் * 2 = அப்படின்னு போட்டேன் அப்படின்னா அப்படியே 1 2 3 வந்துருச்சு அடுத்து பிளஸ் இங்க நீங்க என்ன போடுவீங்க இதை யோசிச்சு போடுங்க ஓகே சோ இதுதான் ஜாவாஸ்கிரிப்ட்ல பேசிக் ப்ரோக்ராமிங் இனிஷியலா பேசிக் ப்ரோக்ராமிங் எப்படி வொர்க் ஆகுது பார் லூப்னா என்ன அப்படின்னு சொல்லி நம்ம எல்லாமே

பார்த்துட்டோம் ஓகே சோ நெக்ஸ்ட் செஷன்ல இப்ப நம்ம ஜாவாஸ்கிரிப்ட்ல அரேஸ்னா என்ன ஆப்ஜெக்ட்ஸ்னா என்ன அரேஸ் எப்படி வொர்க் ஆகுது ஆப்ஜெக்ட்ஸ் எப்படி வொர்க் ஆகுது அப்படின்னு சொல்லி நம்ம பார்க்கலாம் இப்ப நம்ம ஜாவாஸ்கிரிப்ட் டாம் மேனிபுலேஷன் பத்தி பார்க்க போறோம் இப்பதான் நம்ம ஜாவாஸ்கிரிப்ட்க்கு உள்ளேயே என்டர் ஆகுறோம் ஜாவாஸ்கிரிப்ட்ட யூஸ் பண்ணி எப்படி நம்ம பிரவுசர்ல நம்மளோட வெப்சைட்ல நம்ம சேஞ்சஸ் கொண்டு வர்றது அதாவது html css ஜாவாஸ்கிரிப்ட் இது மூணையும் ஒண்ணா சேர்த்து எப்படி வொர்க் பண்றது அப்படின்றதை நம்ம இந்த செக்ஷன்ல பார்க்க போறோம் லெட்ஸ் ஸ்டார்ட் ஃபர்ஸ்ட் ஜாவாஸ்கிரிப்ட்னு எடுத்துக்கிட்டீங்கனாலே ஃபர்ஸ்ட் வர விஷயம் டாம் இந்த டாம்னா என்ன டாம் ஸ்டாண்ட்ஸ் பார் டாக்குமெண்ட் ஆப்ஜெக்ட் மாடல் அதாவது நான் உங்களுக்கு ஒரு எக்ஸாம்பிளோட எக்ஸ்பிளைன் பண்றேன் ஓகே சோ இப்போ நான் ஒரு என்னோட html ஃபைல்

வந்து நான் ஓபன் பண்ணிக்கிட்டேன் இங்க நான் வந்து html போடுறேன் அதுக்குள்ள ஒரு ஹெட் டேக் போடுறேன் அதுக்கு கீழ ஒரு பாடி டேக் போடுறேன் ஹெட் டேக் குள்ள ஒரு டைட்டில் போடுறேன் டெமோ அப்படின்னு சொல்லி வச்சுக்கலாம் பாடி டேக்குள்ள ஒரு h1 டேக் போடுறேன் டைட்டில் பாரகிராப் டேக் குள்ள சம்திங் எழுதுறேன் சப் எண்டிங் சோ இப்ப நான் இதை ரன் பண்ணி பார்த்தேன் அப்படின்னா எனக்கு வெளிய அவுட்புட் வந்து கிடைக்கும் கரெக்டா இதை நான் காப்பி பார்த்து கொடுத்து நான் வெளிய போட்டேன் அப்படின்னா எனக்கு இங்க அவுட்புட் கிடைக்குது டைட்டில் சப் ஹெட்டிங்ன்னு சொல்லி இது நமக்கு தெரிஞ்சதுதான் html ஆனா இந்த html எனக்கு பிரவுசருக்கு போறப்ப எந்த மாதிரி போகும் அப்படின்னா ஒரு ஆப்ஜெக்ட்டா போகும் அது என்ன ஆப்ஜெக்ட் அப்படின்னா அதுதான் டாக்குமெண்ட் ஆப்ஜெக்ட்ன்னு சொல்லி

சொல்றோம் இந்த டாக்குமெண்ட் ஆப்ஜெக்ட் ட்ரீ ஸ்ட்ரக்சர்ல ஃபார்ம் ஆயிருக்கும் ஓகேவா சோ இங்க ஃபர்ஸ்ட் எனக்கு என்ன என்ன சொன்னேன் ஃபர்ஸ்ட் டாக்குமெண்ட் ஆப்ஜெக்ட்டா தான் என்னோட hடிஎம்எல் வந்து பிரவுசருக்கு போகும் ஃபர்ஸ்ட் டாக்குமெண்ட் அப்படின்னு சொல்லி எனக்கு ஒரு ஆப்ஜெக்ட் இருக்கும் இந்த டாக்குமெண்ட்க்குள்ள ஃபர்ஸ்ட் எனக்கு என்ன எலிமெண்ட் இருக்கு இங்க hடிஎம்எல் இருக்கு அந்த html-க்கு உள்ளதான் ஹெட் தனியா இருக்கு இது ஒரு செக்ஷன் பாடி தனியா இருக்கு இது ஒரு செக்ஷன் html குள்ள ஹெட் பாடி அடுத்து இந்த ஹெட்டுக்குள்ள என்ன இருக்கு டைட்டில் அடுத்து இந்த பாடிக்குள்ள என்ன இருக்கு h1 பாரகிராப் டேக் இந்த மாதிரி ஒரு ட்ரீ ஸ்ட்ரக்சர்ல எனக்கு இந்த ஃபைல் வந்து எனக்கு அலைன் ஆகும் ஓகேவா சோ இதைத்தான் டாக்குமெண்ட் ஆப்ஜெக்ட் மாடல் அப்படின்னு சொல்லி சொல்றோம் அகைன் நான் சொன்ன

விஷயங்கள் தான் டாக்குமெண்ட் ரூட் அதுக்கு கீழ எலிமெண்ட் வருது அகைன் அதுக்குள்ள ஆங்கர் டேக்னா அதுக்குள்ள உள்ள லிங்க் இந்த மாதிரி நமக்கு டாக்குமெண்ட் ஆப்ஜெக்ட் மாடல் வந்து ஸ்ட்ரக்சர் ஆகுது ஹெச்ட்டிஎம்எல் ட்ரீ டாம் ட்ரீ ஆஃப் ஆப்ஜெக்ட்ஸ் ஓகே இப்போ இந்த டாம் மேனிபுலேஷன் அப்படின்னா என்ன டாக்குமெண்ட் ஆப்ஜெக்ட் மாடல்னா என்னன்னு பார்த்துட்டோம் டாம் மேனிபுலேஷன்னா என்ன அதாவது html ல இருக்கிற ஃபைல் நான் மேனிபுலேட் பண்ணனும் அதாவது சேஞ்ச் பண்ணனும் ஆல்டர் பண்ணனும் ஏதாவது ஒன்னு ஏதாவது ஒரு டெக்ஸ்டை ஒரு டெக்ஸ்ட்ல இருந்து இன்னொரு டெக்ஸ்டா மாத்தணும் இந்த மாதிரி விஷயங்கள் எல்லாத்தையும் டாம் மேனிபுலேஷன் சொல்லி சொல்றோம் அதாவது இங்க இருக்கிற இந்த சப் ஹெட்டிங்க நான் சப் டைட்டில்னு மாத்தணும்னு வச்சுக்கோங்க இதை நான் ஜாவாஸ்கிரிப்ட் யூஸ் பண்ணி பண்ண போறேன் எப்படி இந்த பாரகிராப் டேக்ல இருக்கிற

இந்த சப் ஹெட்டிங்க நான் சப்டைட்டில்னு மாத்தணும் கரெக்டா அப்பன்னா இந்த டாக்குமெண்ட் வழியா போய்தான் இந்த சப் ஹெட்டிங்க என்னால சப்டைட்டில் மாத்த முடியும் டாக்குமெண்ட்க்குள்ள போய் டாக்குமெண்ட் வழியாதான் இந்த பாரகிராப் டேக்கு என்னால போக முடியும் இந்த பாரகிராப் டேக்கு டாக்குமெண்ட் வழியாதான் என்னால போக முடியும் ஓகேவா ஓகே நம்ம கோட் பண்ணி பார்க்கலாம் இப்ப நான் இது எல்லாத்தையும் கிளியர் பண்ணிடுறேன் ஒரு பாரகிராப் டேக்ல ஹலோன்னு சொல்லி கிரியேட் பண்றேன் ஓகேவா இப்ப எனக்கு என்ன கோல் என்ன டாஸ்க் அப்படின்னா இந்த ஹலோ நான் பாய்னு சொல்லி மாத்தணும் அதை நான் ஜாவாஸ்கிரிப்ட் யூஸ் பண்ணி மாத்தணும் ஓகே அதுக்கு நான் ஃபர்ஸ்ட் ஸ்கிரிப்ட்னு ஒரு டேக் எழுதணும் சிஎஸ்எஸ் ல ஸ்டைல் ஆட் பண்ணனும் அப்படின்னா ஸ்டைல்னு ஒரு டேக் ஓபன் பண்ணுவோம் அதே மாதிரி ஜாவாஸ்கிரிப்ட்ல நான் கோடு

எழுதணும் அப்படின்னா ஸ்கிரிப்ட் அப்படின்னு சொல்லி ஒரு டேக் ஓபன் பண்றேன் இந்த பாரகிராஃப்க்கு உள்ள இருக்கிற டெக்ஸ்டை நான் ஆல்டர் பண்ணனும் அப்படின்னா ஃபர்ஸ்ட் இந்த பாரகிராப் பி அப்படின்ற இந்த டேக் நான் செலக்ட் பண்ணனும் ஓகேவா செலக்ட் பாராகிராப் டேக் இந்த பாரகிராப் டேகை நான் பல வகையில செலக்ட் பண்ணலாம் ஆனா இனிஷியலா நம்ம ஐடி யூஸ் பண்ணி செலக்ட் பண்ணப்போறோம் ஒவ்வொரு ஐடிக்கும் ஒவ்வொரு எலிமெண்ட்டுக்கும் நான் இந்த மாதிரி ஐடி அட்ரிபியூட் செட் பண்ணலாம் நீங்க ஆல்ரெடி பார்த்திருப்பீங்க இப்ப எனக்கு h1 டேக் இருக்கு அப்படின்னா இதுக்கு ஒரு ஐடி செட் பண்ணலாம் இப்போ இந்த பாரகிராப் டேக்கு நான் ஐடி ஒன்னு செட் பண்றேன் ஒரு எலிமெண்ட்க்கு நான் ஐடி ஒன்னு செட் பண்றேன் அப்படின்னா இன்னொரு எலிமெண்ட்டுக்கும் நான் ஐடி ஒன்னு செட் பண்ண கூடாது ஓகேவா இது

உங்களுக்கு எரர்னு சொல்லி ஷோ பண்ணாது ஸ்டில் இப்படி நம்ம யூஸ் பண்ணக்கூடாது ஐடி அப்படின்றது ஒரு எலிமெண்ட்டுக்கு ஒரு ஐடி தான் இருக்கணும் மொத்த hடிஎம்எல் பேஜ்லயே ஐடின்றது யூனிக்கானது ஓகேவா உங்களுக்குன்னு ஒரு ஆதார் கார்டு நம்பர் இருக்கும் இல்லையா உங்களுக்குன்னு தனியா வேற யாருக்கும் அந்த நம்பர் இருக்காது அந்த மாதிரி யூனிக்கா ஒரு ஐடி ஓகேவா ஓகே சோ இந்த மாதிரி பாரகிராப் டேக்கு ஒன்னு கொடுத்துட்டேன் இப்ப செலக்ட் பாரகிராப் டேக் யூசிங் ஐடி இந்த ஐடிய யூஸ் பண்ணி நான் இப்ப என்னோட பாரகிராப் டேக் செலக்ட் பண்ண போறேன் ஓகே அதாவது டாக்குமெண்ட் டாட் கெட் எலிமெண்ட் பை ஐடி அப்படின்ற ஃபங்க்ஷன் யூஸ் பண்றேன் நான் ஆல்ரெடி சொன்ன மாதிரி டாக்குமெண்ட் ஃபர்ஸ்ட் கிரியேட் ஆகும் அந்த டாக்குமெண்ட் வழியா போய்தான் நான் வந்து எனக்கு தேவையான எலிமெண்ட்ட என்னால

செலக்ட் பண்ண முடியும் அதனாலதான் டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி ஐடி ஓட பேர் என்ன 1 ஓகேவா இப்ப நான் இதை கன்சோல் லாக்ல பிரிண்ட் பண்ணி பார்க்க போறேன் எல்லாமே நம்ம கன்சோல் லாக் யூஸ் பண்ணி தான் நம்ம வந்து பண்ணுவோம் ஓகேவா கன்சோல் லாக் யூஸ் பண்ணி தான் நம்ம எல்லா விஷயங்களுமே பண்ணுவோம் சோ நான் கன்சோல் லாக்ல நான் போடுறேன் இந்த கெட் எலிமெண்ட் பை ஐடி டாக் ஓகே கிளியர் ஆயிடுச்சா ஓகே டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி ஒன் ஓகே இப்ப நான் கன்சோல் லாக்ல போடுறேன் இப்ப நான் ஓபன் பண்ணி செக் பண்ணி பார்க்க போறேன் ஓகே சோ லெட்ஸ் சி என்ன நடக்குதுன்னு சொல்லி ரெஃப்ரெஷ் பண்ணிட்டேன் கன்சோல் லாக்ல என்ன பிரிண்ட் பண்ணிருக்கேன் பிரிண்ட் ஆயிருக்கு அப்படின்னு சொல்லி நான் பார்க்கிறேன்

எனக்கு இப்ப அந்த பாரகிராப் டேக் அப்படியே பிரிண்ட் ஆயிருக்கு ஓகேவா எனக்கு இப்ப அந்த பாரகிராப் டேக் அப்படியே பிரிண்ட் ஆயிருக்கு ஏன்னா நான் பாரகிராப் டேக செலக்ட் பண்ணிருக்கேன் சோ எனக்கு அது அப்படியே பிரிண்ட் ஆயிருக்கு கவனிங்க இந்த பாரகிராப் டேக நான் செலக்ட் பண்ணிருக்கேன் டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி அப்படின்றப்ப இந்த இடத்துல எனக்கு என்ன வந்திருக்கு டீபால்ட்டா இப்படி பாரகிராப் வந்து எனக்கு செலக்ட் ஆயிருக்கு அங்க இருக்கிற சேம் பாரகிராப் எனக்கு எனக்கு இங்க கிடைச்சிருக்கு டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடின்னு போடுறப்ப அங்க என்ன இருக்கோ அது அப்படியே எனக்கு கிடைச்சிருக்கு ஓகேவா ஓகே சோ நான் ஃபர்ஸ்ட் எலிமெண்ட்ட செலக்ட் பண்ணி அந்த எலிமெண்ட்ட சேவ் பண்ணி வைக்க போறேன் இந்த எலிமெண்ட்ட எதுல சேவ் பண்ணி வைக்க போறேன் அப்படின்னா ஒரு வேரியபிள்ல சேவ்

பண்ணி வைக்க போறேன் வேர் பேரா அப்படின்னு சொல்லி ஒரு வேரியபிள் கிரியேட் பண்ணிக்கிறேன் இங்க பாரான்னு தான் கிரியேட் பண்ணனும்னு இல்ல நீங்க என்ன பேர் வேணாலும் போட்டுக்கலாம் இப்ப நான் கன்சோல் லாக்ல பேரான்னு சொல்லி போடுறேன் இப்ப என்ன பிரிண்ட் ஆகும் நான் ரெஃப்ரெஷ் பண்றேன் திரும்ப சேம் தான் எனக்கு பிரிண்ட் ஆகுது ஓகேவா ஏன்னா அந்த பாராகிராப் செலக்ட் பண்ணி அதை நான் இந்த பாரா அப்படின்ற வேரியபிள்ல ஸ்டோர் பண்ணி வச்சிட்டு அதை நான் பிரிண்ட் பண்றேன் எனக்கு அதேதான் பிரிண்ட் ஆகுது ஓகே இப்ப எனக்கு இங்க என்ன பிரிண்ட் ஆகுது மொத்த பேராகிராஃபும் பிரிண்ட் ஆகுது இந்த மாதிரி மொத்த பாரகிராப் எனக்கு பிரிண்ட் ஆக வேணாம் உள்ள இந்த ஹலோன்னு இருக்குல்ல இந்த ஹலோன்ற டெக்ஸ்ட் மட்டும் எனக்கு பிரிண்ட் ஆனா போதும்னு சொல்லி நினைக்கிறேன் ஹலோன்ற டெக்ஸ்ட்

மட்டும் எனக்கு பிரிண்ட் ஆகணும் அப்படின்னா பேரா டாட் டெக்ஸ்ட் கன்டென்ட் இப்படி நான் போடுறப்ப கவனிங்க ஒரு விஷயத்தை நீங்க ஒரு ஒரு சின்ன விஷயம் தப்பா போட்டாலும் உங்களுக்கு எரர் வரும் கெட் எலிமெண்ட் பை ஐடி அப்படின்றப்ப ஃபர்ஸ்ட் இனிஷியலா இருக்குற ஜி கேப்பிடல்ல இருக்கணும் அதுக்கப்புறம் உள்ள வர புது புது வார்த்தை எல்லாமே கேப்பிடல் லெட்டர்ல ஆரம்பிக்கணும் இங்க ஜி கேப்பிடல் ஸ்மால்ல இருக்கு இ கேப்பிடல் பி கேப்பிடல் ஐ கேப்பிடல் அதே மாதிரிதான் இங்கயும் பாராடா டெக்ஸ்ட் கண்டென்ட் அப்படின்றப்ப டி ஸ்மால்ல இருக்கு அடுத்து சி வந்து கேப்பிடல் இருக்கு ஓகே சோ இதை கேமல் கேஸ்னு சொல்லி சொல்லுவாங்க இந்த ஃபார்மட் கரெக்டா பார்த்துக்கோங்க ஓகே சோ இப்ப நான் இதை ரன் பண்ணி பார்க்கிறேன் இப்ப நான் ரெஃப்ரெஷ் பண்றேன் பேஜ் இப்ப பாருங்க எனக்கு ஹலோன்னு

மட்டும் வெளிய பிரிண்ட் ஆயிருக்கு அப்போ டாட் டெக்ஸ்ட் கண்டென்ட்னு போட்டா எனக்கு வந்து ஹலோன்னு சொல்லி கிடைக்குது ஓகே இப்போ அடுத்து என்ன பண்றேன்னு பாருங்க பாரா டாட் டெக்ஸ்ட் கண்டென்ட் அப்படின்னா இது என்ன அர்த்தம் பேரான்றது இந்த பாரகிராப் கரெக்டா இந்த பாரான்றது இந்த பாரகிராப் டாட் டெக்ஸ்ட் கன்டென்ட் அப்படின்றப்ப இந்த பாரகிராஃப்க்கு உள்ள இருக்கிற டெக்ஸ்ட் இந்த பாராகிராஃப்க்கு உள்ள இருக்கிற டெக்ஸ்ட் ஈக்குவல் டு பை டெக்ஸ்ட் கன்டென்ட் அப்படின்ற இந்த அட்ரிபியூட்ட பாரா டெக்ஸ்ட் கண்டென்ட்ன்னு போட்டு பாராகிராப் டேகுக்கு உள்ள இருக்கிற டெக்ஸ்டை எடுக்கவும் செய்யலாம் அதே பாராடா டெக்ஸ்ட் கண்டென்ட் யூஸ் பண்ணி அந்த பாராகிராப் குள்ள இருக்கிற டெக்ஸ்டை என்னால மாத்தவும் முடியும் இப்ப கவனிங்க இங்க என்ன நடந்திருக்கு அப்படின்னா வேர் பாரா = டாக்குமெண்ட் கெட் எல்மெண்ட் பை ஐடி டாக்குமெண்ட் கெட் எல்மெண்ட்

பை ஐடி அப்படின்றப்ப பாரா அப்படின்ற ஒரு கண்டெய்னர்ல இப்ப எனக்கு இந்த பாராகிராப் டேக் இருக்கு அடுத்து பாரா டெக்ஸ்ட் கண்டென்ட் அப்படின்னா பாராகிராப் டேக் டாட் டெக்ஸ்ட் கண்டென்ட் இப்ப நான் டைரக்டா இதை பிரிண்ட் பண்ணேன் அப்படின்னா உள்ள இருக்கிற டெக்ஸ்ட் கண்டென்ட் எனக்கு பிரிண்ட் ஆகும் ஆனா அதே நேரத்துல பாரா டாட் டெக்ஸ்ட் கண்டென்ட் = பாய்ன்னு போட்டேன் அப்படின்னா இந்த பாராகிராஃப்க்கு உள்ள இருக்கிற ஹலோ இங்க நான் என்ன குடுக்குறேனோ அதுவா மாறிரும் அதாவது இங்க நான் பாய்ன்னு கொடுத்தேன் அப்படின்னா இந்த இடம் ஹலோ போய் எனக்கு பாய் வந்துரும் இப்ப நான் ரெஃப்ரெஷ் பண்ணி பார்க்க போறேன் பேஜ் இப்ப எனக்கு இந்த ஹலோன்றது பாய்ன்னு வரணும் பாருங்க எனக்கு கன்சோல்ல ஹலோன்னு பிரிண்ட் ஆயிருக்கு ஆனா அவுட்புட்ல பாய்னு பிரிண்ட் ஆயிருக்கு சீக்குவன்ஷியலாதான் ரன் ஆகும் இப்போ

இந்த கோட பாருங்க ஃபர்ஸ்ட் நான் பாரகிராப் செலக்ட் பண்ணியிருக்கேன் அண்ட் தென் கன்சோல் லாக் பேரா டெக்ஸ்ட் கண்டென்ட் நான் ஃபர்ஸ்ட் செலக்ட் பண்றப்ப டெக்ஸ்ட் ஹலோவா தான் இருக்கும் அப்ப நான் பிரிண்ட் பண்றப்பயும் என்னோட டெக்ஸ்ட் ஹலோவா தான் இருக்கு அதுக்கப்புறம்தான் நான் என்ன பண்றேன் ஹலோவை பாய்னு மாத்துறேன் எனக்கு அவுட்புட்ல பாய்ன்னு சொல்லி மாறிருச்சு ஓகே சோ இந்த மாதிரிதான் நம்ம ஒரு எலிமெண்ட்ட செலக்ட் பண்ணி அதுக்குள்ள இருக்கிற விஷயங்களை சேஞ்ச் பண்ணுவோம் இதைத்தான் டாம் மேனிபுலேஷன் அப்படின்னு சொல்லி சொல்றோம் ஓகே இதை தான் இப்ப நம்ம பண்ணி பார்த்தோம் இந்த மாதிரி டாம் வந்து நம்ம மேனிபுலேட் பண்றோம் ஐடியா யூஸ் பண்ணி பண்ணி ஓகே கெட் எலிமெண்ட் பை ஐடி அப்படின்றப்ப ஒரு பர்டிகுலர் எலிமெண்ட்ட ஐடி யூஸ் பண்ணி கெட் பண்றோம் ஓகே யா இப்போ ஸ்க்ரீன்ல

தெரியுற இந்த எக்சர்சைஸ் பண்ணுங்க ஒன்ஸ் வீடியோவை பாஸ் பண்ணிட்டு ஸ்கிரீன்ல இருக்கிற இந்த எக்சர்சைஸ் பண்ணுங்க ஓகே ஹலோ வேர்ல்டுன்னு ஒரு டெக்ஸ்ட் இருக்கணும் அதை பாய் வேர்ல்டுன்னு மாத்தணும் பண்ணிருப்பீங்கன்னு நினைக்கிறேன் சோ அகைன் இப்ப நான் இதை கிரியேட் பண்ணி பார்க்க போறேன் H1 ஹலோ வேர்ல்ட் அடுத்து ஜாவாஸ்கிரிப்ட் ஓபன் பண்றேன் இதுல id = h1 வேர் h1 = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி h1 h1 டெக்ஸ்ட் கண்டென்ட் h1 டெக்ஸ்ட் கண்டென்ட் = பாய் வேர்ல்ட் ஃபர்ஸ்ட் h1 கிரியேட் பண்ணிக்கிறேன் அதுக்கு ஒரு ஐடி செட் பண்ணிக்கிறேன் அடுத்து அந்த h1 ஃபர்ஸ்ட் இங்க செலக்ட் பண்றேன் செலக்டிங் h1 டேக் ஃபர்ஸ்ட் அந்த h1 டேக் செலக்ட் பண்றேன் அண்ட் தென் அந்த h1 டேக் பிரிண்ட் பண்றேன் அதுக்கப்புறம் h1 டெக்ஸ்ட் கண்டென்ட் =

பாய் வேர்ல்ட் அப்படின்னு சொல்லி அந்த h1 குள்ள இருக்கிற டெக்ஸ்ட் கண்டென்ட்ட சேஞ்ச் பண்றேன் ஓகே சோ இவ்வளவுதான் இந்த கொஸ்டின் சோ ஓகே அடுத்து நம்ம இன்னொரு முக்கியமான கான்செப்ட் ஜாவாஸ்கிரிப்ட்ல ஈவென்ட்ஸ்னா என்ன ஈவென்ட் ஹேண்ட்லர்ஸ்னா என்ன எப்படி இந்த விஷயங்கள் எல்லாம் நடக்குது அப்படின்னு சொல்லி பார்க்க போறோம் சிம்பிளா ஒரு பட்டன் கிளிக்ல இருந்து இப்ப நம்ம ஆரம்பிக்க போறோம் அதாவது இங்க எனக்கு ஒரு பட்டன் இருக்கு சேஞ்ச் அப்படின்னு சொல்லி இப்ப எனக்கு பாய் வேர்ல்ட்ன்னு சொல்லி இருக்கு ரீசன் என்ன அப்படின்னா ஃபர்ஸ்ட் h1ன்னு சொல்லி எனக்கு h1 டேக் செலக்ட் ஆகுது அந்த h1 டேக் நான் ஜாவாஸ்கிரிப்ட்ல செலக்ட் பண்ணிக்கிறேன் அண்ட் தென் அந்த h1 டெக்ஸ்ட் கண்டென்ட் = பாய் வேர்ல்ட்ன்னு சொல்லி சேஞ்ச் பண்றேன் எனக்கு இப்போ பாய் வேர்ல்டுன்னு மாறி இருக்கு இப்ப

நான் இந்த நான் சேஞ்ச் பண்ணாம இதை எடுத்துட்டா எனக்கு இப்போ ஹலோ வேர்ல்டுன்னுதான் இருக்கும் இப்ப நான் எனக்கு டாஸ்க் என்ன அப்படின்னா இந்த சேஞ்ச் அப்படின்ற இந்த பட்டனை கிளிக் பண்றப்ப இந்த ஹலோ வேர்ல்ட் என்னவா மாறணும் பாய் வேர்ல்டுன்னு மாறணும் கவனிங்க நான் இந்த லைனை போட்டேன் அப்படின்னா h1 டெக்ஸ்ட் கண்டென்ட் = பாய் வேர்ல்ட் இந்த லைனை நான் போடுறப்பதான் என்னோட ஹலோ வேர்ல்ட் பாய் வேர்ல்டா மாறுது அப்போ இந்த லைனை நான் எப்போ போடணும் அப்படின்னா இந்த பட்டனை கிளிக் பண்றப்ப இந்த லைனை வந்து நான் போடணும் அப்பதான் இப்ப ஹலோ வேர்ல்டுன்னு இருக்கிறது இந்த பட்டனை கிளிக் பண்ணா என்னவா மாறும் பாய் வேர்ல்டுன்னு சொல்லி மாறும் அப்போ இப்ப நான் என்ன பண்ண போறேன் ஒரு ஃபங்க்ஷன் கிரியேட் பண்ணப்போறேன் ஓகேவா எப்பலாம் இந்த பட்டன்

கிளிக் ஆகுதோ அப்போ அந்த ஃபங்க்ஷனை நான் கால் பண்ணப்போறேன் ஃபங்க்ஷன் சேஞ்ச் h1 டெக்ஸ்ட் கண்ட்ரோல் = பை வேர்ல்ட் இப்ப நான் என்னோட ப்ரோக்ராம ரெஃப்ரெஷ் பண்றப்ப அவுட்புட்ல ஹலோ வேர்ல்டுன்னு இருக்குமா பாய் வேர்ல்டுன்னு இருக்குமா என்ன நினைக்கிறீங்க ரெஃப்ரெஷ் பண்ணி பார்க்கலாம் எனக்கு ஹலோ வேர்ல்டுன்னு தான் இருக்கு நான் பட்டனை கிளிக் பண்ணாலும் ஹலோ வேர்ல்டுன்னு தான் இருக்கு ஏன்னா இந்த ஃபங்க்ஷன் இன்னும் கால் ஆகல இப்ப நான் இங்க நான் சேஞ்ச்ன்னு போடுறேன் இப்ப என்ன அவுட்புட் வரும் இப்ப ஹலோ வேர்ல்ட் வருமா பாய் வேர்ல்ட் வருமா இப்ப எனக்கு பாய் வேர்ல்டுன்னு வருது ஏன்னா ஃபர்ஸ்ட் ப்ரோக்ராம் h1 செலக்ட் பண்ணும் அடுத்து அந்த h1-ல இருக்குற டெக்ஸ்டை வெளிய பிரிண்ட் பண்ணும் அடுத்து ஆட்டோமேட்டிக்கா இந்த சேஞ்ச்ன்ற ஃபங்க்ஷனை நான் கால் பண்றேன் அதனால இந்த சேஞ்ச்ன்ற

ஃபங்க்ஷன் கால் ஆகும் அதுக்குள்ள இருக்கிற h1 டெஸ்ட் கண்டென்ட் பாய் வேர்ல்ட்ன்னு சொல்லி எனக்கு வெளிய பிரிண்ட் ஆகும் இதுதான் எனக்கு இப்ப இங்க நடந்திருக்கு ஆனா இந்த சேஞ்ச்ன்ற இந்த ஃபங்க்ஷனை நான் இங்க கால் பண்ணக்கூடாது எப்போ இந்த பட்டன் கிளிக் ஆகுதோ அப்போ மட்டும் கால் பண்ணனும் அப்ப இப்ப நான் என்ன பண்ண போறேன் இந்த பட்டன் கிளிக் அப்படின்றது ஒரு ஈவென்ட் அப்படின்னு சொல்லி சொல்றாங்க அதாவது ஏதோ ஒரு நிகழ்வு ஓகேவா ஏதோ ஒரு நிகழ்வு நடக்குது பட்டனை கிளிக் பண்றது மௌஸ மூவ் பண்றது ஸ்க்ரோல் பண்றது மௌஸ ஒரு எலிமெண்ட் மேல வச்சு மௌஸ எடுக்குறது பட்டனை கிளிக் பண்றது கீபோர்ட் பட்டனை இது எல்லாத்தையுமே ஈவென்ட்ன்னு சொல்லி சொல்றோம் பிரவுசர் சுத்தி எந்த நிகழ்வு நடந்தாலும் அது எல்லாத்தையுமே ஈவென்ட்ன்னு சொல்லி சொல்றோம் அந்த ஈவென்ட்ட ஹேண்டில்

பண்ற ஃபங்க்ஷன்ஸ தான் ஈவென்ட் ஹேண்ட்லர்ஸ்ன்னு சொல்லி சொல்றோம் ஓகேவா இப்போ இங்க நான் ஒரு ஈவென்ட் ஹேண்ட்லர் கிரியேட் பண்ண போறேன் ஆன் கிளிக் அப்படின்னு சொல்லி ஒரு ஈவென்ட் ஹேண்ட்லர் கிரியேட் பண்றேன் எப்பலாம் ஈவென்ட் கிரியேட் ஆகுதோ அப்போ இந்த ஈவென்ட் ஹேண்ட்லர் ஒர்க் ஆகும் இப்ப நான் ஆன் கிளிக் ஈக்குவல் டு அப்படின்னு சொல்லி போட்டுருக்கேன் அதாவது கிளிக் ஈவென்ட் எப்பலாம் மௌஸ் கிளிக் ஆகுதோ அதாவது எப்பலாம் இந்த இதை எதுக்கு போட்டுருக்கேன் இந்த ஈவென்ட் ஹேண்ட்லரை இந்த பட்டனுக்கு போட்டு இருக்கேன் அப்போ இந்த பட்டன் எப்பலாம் கிளிக் ஆகுதோ அப்போ நான் என்ன பண்ண போறேன் சேஞ்ச் அப்படின்ற இந்த ஃபங்க்ஷனை கால் பண்ண போறேன் எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ ஆன் கிளிக் எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ சேஞ்ச்ன்ற இந்த ஃபங்க்ஷனை நான்

கால் பண்றேன் இப்ப நான் ரெஃப்ரெஷ் பண்ணி பார்க்கிறேன் இப்ப எனக்கு ஹலோ வேல்டுன்னு இருக்கு இப்ப நான் இந்த பட்டனை கிளிக் பண்றப்ப எனக்கு கிளிக் ஈவென்ட் ஆக்டிவேட் ஆகி ஆன் கிளிக் ஹேண்ட் ஆன் கிளிக் என்ன பண்ணும் எனக்கு சேஞ்ச்ன்ற ஃபங்க்ஷனை கால் பண்ணும் அப்ப எனக்கு ஹலோ வேர்ல்ட் பாய் வேர்ல்டுன்னு சொல்லி மாறும் சூப்பர் ரைட் யா சோ ட்ரை பண்ணி இருப்பீங்கன்னு நினைக்கிறேன் இதைதான் ஈவென்ட் அண்ட் ஈவென்ட் ஹேண்ட்லர்ன்னு சொல்லி சொல்றோம் ஆன் சேஞ்ச் ஆன் கிளிக் ஆன் மௌஸ் ஓவர் ஆன் மௌஸ் அவுட் இந்த மாதிரி நிறைய ஈவென்ட்ஸ் இருக்கு ஓகேவா ஓகே சோ ஹியர் ஹியர் ஆர் சம் எக்ஸாம்பிள் ஓகே இப்ப உங்களுக்கான எக்சர்சைஸ் ரெண்டு இன்புட் பாக்ஸ் கிரியேட் பண்ணிக்கோங்க ரெண்டு இன்புட் பாக்ஸ்க்கும் ஒரு ஐடி குடுங்க ஓகேவா நம்பர் ஒன் நம்பர்

டூ அப்படின்னு சொல்லி ரெண்டு இன்புட் பாக்ஸ்க்கும் ஒரு ஐடி குடுங்க பட்டனை கிளிக் பண்றப்ப ரெண்டு இன்பாக்ஸ்ல இருக்குற வேல்யூவும் ஆட் ஆகி எனக்கு வெளிய வந்து பிரிண்ட் ஆகணும் ஓகேவா டோட்டல்ல ஸ்டோர் ஆகி ஒரு பாரகிராப் டேக்ல பிரிண்ட் ஆகணும் எப்பலாம் யூசர் வந்து பட்டன கிளிக் பண்றாங்களோ அப்பலாம் வந்து அந்த வேல்யூ ஆட் ஆகி பாரகிராப் டேக்ல பிரிண்ட் ஆகணும் உங்களுக்கு கொஸ்டின் புரிஞ்சிருக்கும்னு நினைக்கிறேன் வீடியோவை பாஸ் பண்ணிட்டு ட்ரை பண்ணி பாருங்க ஓகே ட்ரை பண்ணி இருப்பீங்கன்னு நம்புறேன் இப்ப நான் இந்த கொஸ்டின் போடப்போறேன் ஃபர்ஸ்ட் ஒரு இன்புட் டேக் கிரியேட் பண்றேன் இதுல ஐடி = என்ன ஐடி கொடுக்க சொல்லி இருந்தோம் நம் ஒன் ஓகே நம் ஒன் அடுத்து இன்னொரு ஒரு இன்புட் டேக் கிரியேட் பண்றேன் இதுல ஐடி = நம் 2 அடுத்து

ஒரு பாரகிராப் டேக் இதுலதான் எனக்கு ரிசல்ட் ஷோ ஆகப்போகுது இதுக்கு முன்னாடி ஒரு பட்டன் ஆட்ன்னு சொல்லி ஒரு பட்டன் இப்ப இதோட அவுட்புட் செக் பண்ணி பார்க்கலாம் இந்த மாதிரி எனக்கு அவுட்புட் இருக்கு இங்க நான் 67 இங்க நான் ஒன் இப்படி போட்டு நான் என்டர் ஆட் கிளிக் பண்ணேன் அப்படின்னா இந்த ரிசல்ட் பக்கத்துல எனக்கு 68-ன்னு சொல்லி வரணும் இதுதான் இப்ப எனக்கான டாஸ்க் ஓகேவா ஓகே சோ இப்ப நான் ஸ்கிரிப்ட் போறேன் ஃபர்ஸ்ட் ஃபர்ஸ்ட் நான் எங்க இருந்து எலிமெண்ட் எடுக்கணும்னு நினைக்கிறேன் இந்த இன்புட் டேக்ல இருந்தும் இந்த இன்புட் டேக்ல இருந்தும் வேல்யூ எடுக்கணும்னு நினைக்கிறேன் அந்த வேல்யூவை எடுத்து இந்த ரிசல்ட்ல ஸ்டோர் பண்ணனும்னு சொல்லி நினைக்கிறேன் அப்போ இப்ப நான் இங்க எதையெல்லாம் செலக்ட் பண்ணனும் நான் எதையெல்லாம் மேனிபுலேட் பண்ண நினைக்கிறேனோ அது

எல்லாத்தையும் நான் செலக்ட் பண்ணனும் எதையெல்லாம் மாத்த நினைக்கிறேனோ அது எல்லாத்தையும் நான் செலக்ட் பண்ணனும் இங்க இருந்து ஒரு வேல்யூவ எடுக்கணும்னு நினைக்கிறேன் இங்க இருந்து ஒரு வேல்யூவ நான் எடுக்க நினைக்கிறேன் அப்போ இது ரெண்டையும் நான் செலக்ட் பண்ணனும் இது ரெண்டு வேல்யூவையும் எடுத்து நான் ரிசல்ட்ல ஸ்டோர் பண்ணனும்னு நினைக்கிறேன் அப்போ இதையும் நான் செலக்ட் பண்ணனும் ஓகே ஓகே சோ இப்ப நான் எல்லாத்தையும் செலக்ட் பண்ணிக்கிறேன் செலக்டிங் இன்புட் பாக்ஸ் 1 செலக்டிங் இன்புட் பாக்ஸ் 2 வேர் பாக்ஸ் 1 = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி நம் ஒன் வேர் பாக்ஸ் 2 = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி நம் 2 அடுத்து செலக்டிங் ரிசல்ட் இதுக்கும் ஒரு ஐடி செட் பண்ணிக்கலாம் ஐடி = ரிசல்ட் வேர் ரிசல்ட் = டாக்குமெண்ட் கெட் எலிமெண்ட்

பை ஐடி ரிசல்ட் ஓகே இப்போ இந்த ரெண்டு பாக்ஸ்ல இருக்கிற வேல்யூவையும் எடுத்து நான் இங்க என்ன பண்ணனும் இந்த ரிசல்ட்டுக்குள்ள போடணும் கரெக்டா ஓகே ஃபர்ஸ்ட் இது ரெண்டுல இருக்கிற வேல்யூவை எப்படி எடுக்கிறதுன்னு சொல்லி பார்க்கலாம் ஓகேவா இப்போ கன்சோல்டர் லாக் எல்லாம் நான் போட்டு பார்க்க போறேன் கன்சோல் லாக்ல நான் ஜஸ்ட் பாக்ஸ் 1 டெக்ஸ்ட் கண்டென்ட்னு சொல்லி போடுறேன் எனக்கு அவுட்புட் என்ன வருதுன்னு பாக்கலாம் கன்சோல்ல ஏதோ ஒன்னு பிரிண்ட் ஆயிருக்கு கவனிங்களேன் எனக்கு ஏதோ ஒன்னு பிரிண்ட் ஆயிருக்கு அதாவது எம்டியா பிரிண்ட் ஆயிருக்கு இப்ப இதுக்குள்ள எந்த வேல்யூமே இல்ல அதனால எனக்கு எம்டியா பிரிண்ட் ஆயிருக்கு ஓகேவா நான் என்ன பண்ண ட்ரை பண்றேன் பாக்ஸ் ஒன் அப்படின்றப்ப இந்த இன்புட் பாக்ஸ் இந்த இன்புட் பாக்ஸ்குள்ள இருக்கிறதை எடுக்க ட்ரை பண்றேன் இனிஷியலா இந்த இன்புட்

பாக்ஸ்ல எதுவுமே இல்லை அதனால எனக்கு எம்டியா பிரிண்ட் ஆகுது இப்ப இந்த இன்புட் பாக்ஸ்ல வேல்யூ = 34ன்னு போட்டுக்குறேன் ஓகேவா டீபால்ட்டா வேல்யூ = 34ன்னு போட்டுக்குறேன் அப்ப இங்க பாருங்க எனக்கு 34 ன்னு சொல்லி இங்க வேல்யூ இருக்கு 34ன்னு வேல்யூ இருக்கு ஆனாலும் அவுட்புட் என்னதான் வருது எம்டியாதான் வருது கவனிங்க நான் இங்க ஏதோ ஒன்னு என்டர் பண்றேன் அப்படின்னா அது எல்லாமே வேல்யூ அப்படின்ற இந்த அட்ரிபியூட்லதான் ஸ்டோர் ஆகும் நான் டீபால்ட்டா வேல்யூ = 34-ன்னு சொல்லி போட்டேன் இப்ப எனக்கு இங்க வேல்யூ வந்து 34 அப்படின்னு சொல்லி எனக்கு இங்க ஸ்டோர் ஆயிருக்கு ஆனா அந்த சேம் இன்புட் பாக்ஸ நான் செலக்ட் பண்ணி போன தடவை நம்ம பண்ண மாதிரியே பாக்ஸ் டெக்ஸ்ட் கண்டென்ட்ன்னு போடுறேன் ஆனா எனக்கு அவுட்புட்ல உள்ள இருக்கிற 34 அப்படின்ற

டெக்ஸ்ட் எனக்கு வந்து வரல காரணம் என்ன அப்படின்னா இதுக்கு முன்னாடி நம்ம இந்த பாரகிராஃபை செலக்ட் பண்றப்ப டெக்ஸ்ட் கண்டென்ட் போட்டோம் h1 செலக்ட் பண்ற டெக்ஸ்ட் கண்டென்ட் போட்டோம் உள்ள இருக்கிற டெக்ஸ்ட் வந்துச்சு ஆனா இந்த இன்புட் டேக் குள்ள நமக்கு டெக்ஸ்ட் கிடையாது ஓகேவா இந்த இன்புட் டேக் குள்ள நமக்கு டெக்ஸ்ட் கிடையாது இந்த மாதிரி இன்புட் டேக் இப்படி க்ளோஸ் ஆகி இப்ப இதுக்குள்ள நான் ஏதோ ஒன்னு போடணும் இப்ப நான் இதை ரன் பண்ணி பார்க்கிறேன் இந்த மாதிரி நான் போட்டேன் அப்படின்னா இது வந்து எனக்கு கரெக்டான சின்டாக்ஸ் கிடையாது ஆனா h1 டேக்ல இப்படித்தான் இருக்கும் கரெக்டா h1 டேக்ல ரெண்டு எலிமெண்ட் இருக்கும் அந்த ரெண்டு நடுவுல எனக்கு ஏதோ ஒரு டெக்ஸ்ட் இருக்கும் அப்ப நான் அந்த எலிமெண்ட்டோட டெக்ஸ்ட் மட்டும் நான் எடுத்துப்பேன்

ஆனா இன்புட் டேக்ல அந்த மாதிரி நம்ம டெக்ஸ்ட் கண்டென்ட்ட எடுக்க முடியாது இன்ஸ்டெட் நம்ம இன்புட் பாக்ஸ்ல இருந்து என்ன எடுக்க முடியும் அப்படின்னா வேல்யூவ எடுக்க முடியும் ஓகேவா ஞாபகம் வச்சுக்கோங்க இன்புட் பாக்ஸ்னா டாட் வேல்யூ அப்படின்னு சொல்லி வேல்யூவை மேனிபுலேட் பண்ணுவீங்க h1 பாரகிராப் அப்படின்னா டெக்ஸ்ட் கண்டென்ட்ட மேனிபுலேட் பண்ணுவீங்க இப்ப நான் இதை ரெஃப்ரெஷ் பண்றேன் இப்ப பாருங்க எனக்கு 34ன்னு சொல்லி வெளிய வந்திருக்கு அதே மாதிரி செகண்டுக்கும் வேல்யூ = 67-ன்னு போட்டுக்குறேன் console Log box வேல்யூ பாக்ஸ் 2 வேல்யூ பாக்ஸ் 2 வேல்யூ இப்ப இதுல என்ன வருதுன்னு பாக்கலாம் இங்க பாருங்க 34 67 34 கிடைச்சிருச்சு 67-ம் கிடைச்சிருச்சு ஓகே இப்போ இது ரெண்டையும் ஆட் பண்ணனும் கரெக்டா இப்போ இது ரெண்டையும் நம்ம ஆட் பண்ணனும் கன்சோல் லாக் ஓகே ஃபர்ஸ்ட்

இதோட வேல்யூ வந்து ஸ்டோர் பண்ணி வச்சுக்கலாம் வேர் பாக்ஸ் 1 வேல்யூ = பாக்ஸ் 1 டெக்ஸ்ட் கண்டென்ட் அடுத்து வேர் பாக்ஸ் 2 வேல்யூ = பாக்ஸ் 2 டெக்ஸ்ட் கண்டென்ட் ஓகேவா சோ அதாவது இப்ப நான் இங்க என்ன பண்ணிருக்கேன் அப்படின்னா இந்த இன்புட் பாக்ஸ இங்க செலக்ட் பண்ணியிருக்கேன் அப்போ பாக்ஸ் 1ன்னு இருக்குற இடத்துல எனக்கு இந்த இன்புட் டேக் இருக்கும் பாக்ஸ் 2ன்னு இருக்குற இடத்துல இந்த இன்புட் டேக் இருக்கும் அடுத்து பாக்ஸ் ஒன் வேல்யூ = பாக்ஸ் 1 டெக்ஸ்ட் கண்டென்ட் அதாவது இதுக்குள்ள ஸ்டோர் ஆயிருக்கிற டெக்ஸ்ட் கண்டென்ட் இதுக்குள்ள 34ன்னு ஸ்டோர் ஆயிருக்கா அந்த 34 எனக்கு இங்க வரும் வரணும் அடுத்து இங்க 67 வரணும் இங்க தப்பு பண்ணிருக்கேன் டெக்ஸ்ட் கண்டென்ட் கிடையாது வேல்யூ ஓகேவா சோ இப்ப நான் இதை வேல்யூன்னு

மாத்திக்கிறேன் ஓகே இது ரெண்டும் இப்ப எனக்கு ஆட் ஆகணும் கரெக்டா இது ரெண்டும் ஆட் ஆகணும் கன்சோல் லாக் பாக்ஸ் 1 வேல்யூ பிளஸ் பாக்ஸ் 2 வேல்யூ இது ரெண்டையும் நான் ஆட் பண்ணி பார்க்கிறேன் டைரக்டா டோட்டல்னு போட்டுக்கலாம் டோட்டல்னு போட்டு இதுல இது ரெண்டையும் ஆட் பண்றேன் இதுல இது ரெண்டையும் ஆட் பண்றேன் இப்போ இந்த டோட்டல்ல பிரிண்ட் பண்ணி பார்க்கிறேன் கன்சோல்ல எனக்கு என்ன அவுட்புட் வரணும் 34 வேணாம் 47ன்னு வச்சுக்கலாம் சரி இது ரெண்டையும் ஆட் பண்ணா என்ன வரணும் 11-ன்னு சொல்லி அவுட்புட் வரணும் கரெக்டா ஆனா எனக்கு என்ன அவுட்புட் வருதுன்னு பார்க்கலாம் 4-ம் பிளஸும் 7-ம் சேர்ந்தா 11 ஆனா எனக்கு என்ன அவுட்புட் வருது 47ன்னு சொல்லி எனக்கு அவுட்புட் வருது என்ன நடக்குது இங்க கவனிங்க நான் இப்ப உங்களுக்கு குட்டியா எக்ஸ்பிளைன்

பண்றேன் இங்க என்ன நடக்குது சொல்லி நம்ம ரெண்டு ஸ்ட்ரிங்க ஆட் பண்ண ட்ரை பண்றோம் அதனால அந்த ரெண்டு ஸ்ட்ரிங்கும் ஒன்னா சேர்ந்துருது இப்போ வேர் a = apபி வேர் b = le இப்போ வேர் c = a+b அப்படின்னு போட்டேன்னா இப்ப எனக்கு c ல என்ன ஸ்டோர் ஆகும் c -ல என்ன ஸ்டோர் ஆகும் ஆப்பிள்னு ஸ்டோர் ஆயிருக்கு a ல apபி இருக்கு le அப்படியே b -ல எல்இ இருக்கு அதாவது apபி + le இந்த மாதிரி எனக்கு ஸ்டோர் ஆயிருக்கு ஸ்ட்ரிங் ரெண்டும் சேர்றப்ப டைரக்டா ரெண்டும் ஆட் ஆயிரும் இதே நேரத்துல இங்க நான் 12 கொடுக்கிறேன் இங்க நான் 1 கொடுக்கிறேன் இப்ப நான் a+b ன்னு போடுறப்ப இங்க எனக்கு என்ன ஸ்டோர் ஆகும் சில 11ன்னு ஸ்டோர் ஆகும் ஏன்னா

இது ரெண்டுமே ஸ்ட்ரிங் ஓகேவா இதுவே இது ரெண்டும் நம்பரா இருந்துச்சுன்னா எனக்கு 13-ன்னு சொல்லி ஸ்டோர் ஆகும் இப்ப இங்க எனக்கு 47-ன்னு சொல்லி ஸ்டோர் ஆகுது ஏன்னா இது ரெண்டுமே ஸ்ட்ரிங்கா இருக்கு அதை நான் எப்படி நம்பரா மாத்துறது அப்படின்னா நான் இன்புட் பாக்ஸ்ல இருந்து வேல்யூ எடுக்குறப்ப அதை நம்பரா கன்வெர்ட் பண்ணி இப்ப நான் ஸ்டோர் பண்ண போறேன் டாட் வேல்யூ இந்த நம்பர் ஃபங்க்ஷன் என்ன பண்ணும் அப்படின்னா இந்த டெக்ஸ்டை நம்பரா மாத்தி கொடுக்கும் இப்ப நான் இதே இடத்துல இப்படி இருக்கிறதை நான் நம்பரா மாத்துறேன் a வை நம்பரா மாத்துறேன் b யும் நம்பரா மாத்துறேன் ஒரு ஃபங்க்ஷனை யூஸ் பண்ணி அப்போ 12+1 இப்ப எனக்கு 13 சொல்லி கிடைக்குது ரெண்டையுமே நான் நம்பரா மாத்திட்டேன் நான் இந்த நம்பர் போடல அப்படின்னா எனக்கு ரெண்டுமே ஸ்ட்ரிங்கா

இருக்கும் ஓகேவா ஒன் டூ ஒன் அப்படின்னு சொல்லி அதனால இப்ப நான் இந்த இடத்துல ரெண்டையுமே நம்பரா மாத்திட்டேன் நம்பர் ஓகே இப்ப எனக்கு வேல்யூ என்ன வரணும் 4 7 ரெண்டும் ஆட் ஆகி எனக்கு 11ன்னு பிரிண்ட் ஆகணும் ஓகே சோ ரெஃப்ரெஷ் பண்ணி பார்க்கலாம் இப்ப எனக்கு 11 கரெக்டா பிரிண்ட் ஆகுது ஓகே சூப்பர் ரைட் ஓகே இப்ப டீபால்ட்டா வேல்யூ கிரியேட் பண்ணி பண்ணிட்டேன் இப்ப நான் என்ன பண்ணனும் இந்த பட்டனை கிளிக் பண்றப்ப மட்டும் எனக்கு இது ரெண்டும் ஆட் ஆகணும் ஓகே பட்டனை கிளிக் பண்றப்ப மட்டும் எனக்கு இது ரெண்டும் ஆட் ஆகணும் எனக்கு எந்த இடத்துல எனக்கு வந்து வேல்யூ ரெண்டும் ஆட் ஆகுது இங்கதான் ஆட் ஆகுது கரெக்டா இங்கதான் ஆட் ஆகுது இப்ப நான் ஆட் ஆகுற வேல்யூவை டைரக்டா நான் என்ன

பண்ணப்போறேன் என்னோட ரிசல்ட்ல ஆட் பண்ண போறேன் ரிசல்ட் டெக்ஸ்ட் கன்டென்ட் = டோட்டல் இப்ப நான் ரெஃப்ரெஷ் பண்ணி பார்க்கிறப்ப இந்த ரிசல்ட்ல எனக்கு 11ன்னு சொல்லி இருக்கும் பாருங்க இப்ப எனக்கு ரிசல்ட்ல 11ன்னு சொல்லி வந்துருச்சு ஓகே இப்ப இந்த கன்சோல் லாக் தேவையில்லை இப்போ இந்த ரிசல்ட் வந்து எனக்கு எப்போ வரணும் எப்போ பட்டன் கிளிக் ஆகுதோ அப்ப மட்டும் எனக்கு இந்த ரிசல்ட் வரணும் எப்பலாம் பட்டன் கிளிக் ஆகுதோ அப்ப மட்டும் எனக்கு அந்த ரிசல்ட் வரணும் ஓகே ஒரே ப்ராப்ளம் நம்ம மல்டிபிளா டிவைட் பண்ணி பண்ணிட்டு இருக்கோம் இப்ப நீங்க வீடியோவை பாஸ் பண்ணிட்டு பண்ண ட்ரை பண்ணி பாருங்க எந்த லைன் ரெஸ்பான்சிபிலா இருக்கு வெளிய டெக்ஸ்ட் தெரியுறதுக்கு இந்த ரிசல்ட் லைன் கரெக்டா அப்போ நான் இங்க ஒரு ஃபங்க்ஷன் கிரியேட் பண்ணப்போறேன் ஃபங்க்ஷன் ரிசல்ட்

இந்த ரிசல்ட்டுக்குள்ள இந்த ரிசல்ட் டெக்ஸ்ட் கண்டென்ட் போடுறேன் எப்பலாம் இப்போ இந்த பட்டன் கிளிக் ஆகுதோ அப்ப நான் இந்த ரிசல்ட் ஃபங்க்ஷனை கால் பண்ண போறேன் இப்ப நான் போயிட்டு ரெண்டு இருக்கு வேல்யூஸ் 4 47ன்னு சொல்லி இப்ப நான் ஆட்ன்ற பட்டன் கிளிக் பண்றப்ப ரெண்டும் ஆட் ஆகி எனக்கு ரிசல்ட்ல வந்து ஸ்டோர் ஆகணும் ஓகே அகைன் நான் ரெஃப்ரெஷ் பண்ணிட்டு பட்டன் கிளிக் பண்றேன் எனக்கு ஆட் ஆகல ஏன் ஆட் ஆகல அப்படின்னு சொல்லி நான் தெரிஞ்சுக்கணும் எனக்கு ஏதோ ஒரு எரர் வந்திருக்கு என்ன எரர்னு சொல்லி பார்க்கலாம் நான் கன்சோல் போறேன் கன்சோல் போனா ரிசல்ட் இஸ் நாட் எ பங்க்ஷன் அப்படின்னு சொல்லி எனக்கு எரர் வந்திருக்கு இங்க நான் ரிசல்ட்ன்னு சொல்லி ஒரு ஃபங்க்ஷன் கிரியேட் பண்ணியிருக்கேன் ரிசல்ட் இஸ் நாட் எ ஃபங்க்ஷன் சொல்லி

எனக்கு எரர் வந்திருக்கு ஐ கெஸ் ரிசல்ட் வந்து இங்கயும் நம்ம கிரியேட் பண்ணி இருக்கோம் ஐடிலயும் ரிசல்ட் கிரியேட் பண்ணி இருக்கோம் இங்கயும் ரிசல்ட் கிரியேட் பண்ணி இருக்கோம் சோ இங்க ஏதோ ஒரு கான்ஃபிளிக்ட் கிரியேட் ஆகுது இப்ப நான் ரிசல்ட் ரிசல்ட் ஃபங்க்ஷன் நான் ஃபங்க்ஷன் நேம மாத்திக்கிறேன் ரிசல்ட் ஃபங்க்ஷன் ஓகே இப்ப நான் ரன் பண்றேன் இப்ப நான் பட்டனை கிளிக் பண்றேன் இப்ப எனக்கு மாறுது ஓகேவா இந்த மாதிரி நேம் ஒரே நேம் கொடுக்காதீங்க டேக் நேமோ ஃபங்க்ஷன் நேம் எல்லாத்தையும் ஒரே மாதிரி கொடுக்காதீங்க எப்பவுமே எல்லாத்தையும் வேற வேற மாதிரி சேஞ்ச் பண்ணி கொடுங்க ஓகேவா சோ இப்ப அடுத்து அடுத்த டாஸ்க் என்ன அப்படின்னா நான் இதுக்குள்ள என்ன எழுதுறேனோ இதுக்குள்ள நான் என்ன எழுதுறேனோ இப்ப நான் இதை ஓகே இப்ப ஆல்ரெடி உங்களுக்கு இப்ப

நான் இங்க நான் சேஞ்ச் பண்றேன் 89 மாத்துறேன் 67-ன்னு மாத்துறேன் இப்ப நான் இதை கிளிக் பண்றப்ப எனக்கு அவுட்புட் மாறல ஏன் மாறல என்ன காரணம் என்ன கவனிங்க நல்லா கேர்ஃபுல்லா கவனிங்க ஃபர்ஸ்ட் இங்க என்ன நடக்குதுன்னு எக்ஸ்பிளைன் பண்ணிட்டு ஏன் நமக்கு அகைன் டெக்ஸ்ட் உள்ள போட்டு ஆட் கிளிக் பண்ணா ஒர்க் ஆகலன்னு சொல்லி சொல்றேன் இன்புட்டை செலக்ட் பண்ணிட்டோம் இந்த இன்புட்டை செலக்ட் பண்ணிட்டோம் பாக்ஸ் 1 பாக்ஸ் 2 அடுத்து அது ரெண்டுக்குள்ள இருக்கிற வேல்யூவையும் எடுத்துட்டோம் இங்க 4ன்னு இருக்கும் இங்க 7ன்னு இருக்கும் அடுத்து டோட்டல்ல என்னன்னு இருக்கும் 11ன்னு சொல்லி இருக்கோம் எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ இந்த ஃபங்க்ஷனை நம்ம கால் பண்றோம் இந்த ஃபங்க்ஷன் என்ன பண்ணுது ரிசல்ட் டெக்ஸ்ட் கண்டென்ட் இந்த ரிசல்ட்டுக்குள்ள டோட்டலை இன்செர்ட் பண்ணுது டோட்டல் அப்படின்றது

11 ஓகே ஒரு தடவை நான் பட்டனை கிளிக் பண்ணிட்டேன் அப்படின்னு சொல்லி எனக்கு வந்துருச்சு திரும்பவும் நான் இந்த பட்டனை கிளிக் பண்றப்ப என்ன ஆகும் திரும்பவும் இந்த டோட்டல்ல இருக்கிறது ஆட் ஆகும் இப்ப டோட்டல்ல என்ன இருக்கும்னு நினைக்கிறீங்க டோட்டல்ல என்ன இருக்கும்னு நினைக்கிறீங்க இது ரெண்டும் ஆட் ஆன வேல்யூ இருக்குமா கிடையாது டோட்டலுக்குள்ள இன்னுமே 11 தான் இருக்கும் ஏன்னா ஆல்ரெடி இங்க ஒரு தடவை இது இந்த லைன்ல எக்ஸிகியூட் ஆயிடுச்சு அப்படின்னா திரும்பவும் இந்த லைன் எக்ஸிகியூட் ஆகாது அகைன் எக்ஸிகியூட் ஆகாது ஃபங்க்ஷன்க்குள்ள இருக்கிற லைன் மட்டும்தான் எக்ஸிகியூட் ஆகும் ஃபங்க்ஷன்க்குள்ள எனக்கு இந்த ஒரு லைன் மட்டும்தான் இருக்கு அதனால டைரக்ட் டோட்டல்னு மட்டும்தான் 11ல இருக்கும் எத்தனை தடவை நான் இந்த பங்க்ஷனை கிளிக் பண்ணாலும் எனக்கு டோட்டல்ல 11 தான் இருக்கும் கவனிங்க இப்ப நான்

எத்தனை டைம் இந்த ஆப் இதை கிளிக் பண்ணாலும் எனக்கு டோட்டல்ல 11 தான் இருக்கும் ஈவன் நான் இதை இப்ப நான் சேஞ்ச் பண்றேன் 77 இப்பயும் எனக்கு அந்த டோட்டல்ல 11 தான் இருக்கும் ஏன்னா பட்டன் கிளிக் பண்றப்ப மட்டும்தான் அந்த லைன் திரும்ப ரீட் ஆகுது ஆனா எனக்கு எல்லா டைமுமே திரும்ப ரீட் ஆகணும் அதாவது இங்க நான் என்ன வேல்யூ என்டர் பண்றேனோ அந்த வேல்யூ திரும்பவும் எனக்கு இதுல ஸ்டோர் ஆனாதான் எனக்கு இந்த டோட்டல் இங்க ஒர்க் ஆகும் இப்ப நான் இது எல்லாத்தையும் எடுத்து நான் இதுக்குள்ள போடுறேன் கவனிங்க இப்ப உங்களுக்கு புரியும் இவ்வளவு நேரம் புரியாம இருந்தாலும் இது எல்லாத்தையும் இப்ப நான் இதுக்குள்ள ஃபங்க்ஷன் குள்ள எடுத்து போடுறேன் இப்ப என்ன ஆகும்னு பாருங்க இப்ப நான் இங்க 44 ன்னு போட்டு கிளிக்

பண்றேன் எனக்கு இப்போ என்ன போட்டுட்டு ஆட் பண்றேனோ அந்த வேல்யூ கிடைக்குது ஏன் அப்படின்னா இப்ப என்ன நடக்கும் ஒவ்வொரு தடவையும் பட்டன் கிளிக் ஆகுறப்ப ஒவ்வொரு தடவையும் நான் பட்டனை கிளிக் பண்றப்ப ஃபர்ஸ்ட் லைன்ல வேர் பாக்ஸ் ஒன் வேல்யூ = நம்பர் ஆஃப் பாக்ஸ் டாட் வேல்யூ அப்போ ஃபர்ஸ்ட் இங்க என்ன ஆகும் இங்க நான் என்ன வேல்யூ என்டர் பண்ணிருக்கேனோ அது இங்க ஸ்டோர் ஆகும் ஒருவேளை நான் இந்த இன்புட் பாக்ஸ்ல 55ன்னு செலக்ட் பண்ணிருந்தேன் அப்படின்னா இந்த இடத்துல எனக்கு 55ன்னு கிடைக்கும் இதே இந்த இடத்துல நான் 16 டைப் பண்ணிருந்தேன் அப்படின்னா இங்க எனக்கு 16 கிடைக்கும் ஒவ்வொரு தடவையும் நான் இதை மாத்தி மாத்தி டைப் பண்ணாலும் நம்பரை நான் மாத்திக்கிட்டே இருந்தாலும் நான் நான் டைப் பண்ற வேல்யூ எனக்கு இங்க கிடைச்சுக்கிட்டே இருக்கும்

அதுக்கப்புறம் கிடைச்ச வேல்யூவை நான் ஆட் பண்ணி அதை நான் டோட்டல்ல போடுறேன் அதுக்கப்புறம் அதை நான் பிரிண்ட் பண்றேன் அப்ப எனக்கு திரும்ப திரும்ப நான் புதுசா என்ன போட்டாலும் எனக்கு அது திரும்பத் திரும்ப ஆட் ஆகுது இப்ப இனிஷியலா இருக்கிற இந்த வேல்யூவை நான் எடுத்துறேன் இந்த வேல்யூவை நான் எடுத்துறேன் இப்ப எனக்கு ஃபர்ஸ்ட் தெரியுற அந்த 47 தெரியாது இப்ப நான் எனக்கு என்ன நம்பர் வேணுமோ அந்த நம்பரை போட்டு ஆட் கொடுத்தேன் அப்படின்னா அது ரெண்டும் எனக்கு ஆட் ஆகி வந்துரும் ஓகே சோ இதுதான் ரொம்ப பேசிக் சோ இது உங்களுக்கு அண்டர்ஸ்டாண்ட் ஆயிருக்கும்னு நினைக்கிறேன் அண்டர்ஸ்டாண்ட் ஆகல அப்படின்னா அகைன் இந்த கான்செப்ட் மட்டும் இந்த ஆட் பண்ற கான்செப்ட் அகைன் ஒரு தடவை போட்டு பாருங்க ஓகே யா சோ நெக்ஸ்ட் எப்படி ஜாவாஸ்கிரிப்ட்ல ரேண்டம் நம்பர்

கிரியேட் பண்ணலாம் அப்படின்னு சொல்லி பார்க்கலாம் ஓகே ஹவ் டு கிரியேட் எ ரேண்டம் நம்பர் இன் ஜாவாஸ்கிரிப்ட் ஓகே சோ இது கொஞ்சம் ஒரு பெரிய கான்செப்ட் கவனிங்க நிறைய ஃபங்க்ஷன்ஸ இப்ப நம்ம பார்க்க போறோம் இது எல்லாத்தையுமே நான் கிளியர் பண்ணிடுறேன் இப்போ ஓகே சோ நான் இதுல ரன் பண்ணி காட்டுறேன் உங்களுக்கு ஜாஸ்கிரிப்ட் ஆன்லைன் கம்பைலர்ல ரன் பண்ணி காட்டுறேன் வேர் a = மேக் டாட் ரேண்டம் கன்சோல் a இப்ப நான் இதை ரன் பண்றேன் 0700 சொல்லி கிடைக்குது திரும்ப ரன் பண்றேன் 01655 திரும்ப ரன் பண்றேன் 073 திரும்ப ரன் பண்றேன் திரும்ப ரன் பண்றேன் திரும்ப ரன் பண்றேன் அகைன் ரன் பண்றேன் அகைன் ரன் பண்றேன் அகைன் ரன் பண்றேன் அகைன் ரன் பண்றேன் ஒவ்வொரு தடவையும் எனக்கு வேற வேற நம்பர் கிடைக்குது

ஓகேவா சோ திஸ் மேக் டாட் ரேண்டம் இருக்கு இல்லையா இந்த மேக் டாட் ரேண்டம் எனக்கு 00 ல இருந்து 09 வரைக்கும் எனக்கு நம்பர் கொடுக்கும் இதுதான் மேக் டாட் ரேண்டம் பண்ற வேலை அடுத்து நான் என்ன பண்ணப்போறேன் இந்த a ல ஸ்டார் 10 கொடுக்கிறேன் இப்போ இந்த நம்பர் இருக்குல்ல இதுல 10 மல்டிப்ளை பண்ணா என்ன ஆகும் 2569 சொல்லி மாறிரும் இப்ப பாருங்க இப்ப நான் இத ரன் பண்றேன் இப்ப எனக்கு 9 1 7 3 இந்த மாதிரி எனக்கு மாறிருச்சு ஓகேவா 63 பாயிண்ட் இந்த மாதிரி எனக்கு மாறிருச்சு ஓகே அடுத்து மேக் டாட் ஃப்ளோர்னா என்னன்னு பாருங்க மேக் டாட் ஃப்ளோர் இப்போ சாதாரணமா ஃப்ளோருக்கு அர்த்தம் என்ன சாதாரணமா ஃப்ளோருக்கு அர்த்தம் என்ன தரை கரெக்டா மேல இருந்து கீழ தரைன்னு அர்த்தம்

அப்போ இப்ப எனக்கு நான் மேக் ஃப்ளோர் குள்ள 099-ன்னு போட்டேன்னா எனக்கு என்ன அவுட்புட் வரும் mac ஃப்ளோர் குள்ள பார்க்கலாம் இப்ப இதை மேக் இதெல்லாம் இதை கமெண்ட் பண்ணிடுறேன் mac ஃப்ளோர் குள்ள 09 என்னன்னு போட்டேன்னா எனக்கு அவுட்புட் என்ன வருது எதுவுமே எனக்கு வந்து வெளிய தெரியல 677 போடுறேன் பாருங்க இப்பயும் எனக்கு எதுவுமே வெளிய தெரியல ஓகே தி ரீசன் இஸ் இதை வந்து நம்ம கன்சோல் போடணும் இல்ல அப்படின்னா வேர் பி ன்னு போட்டுக்கலாம் வேர் பி = பேக் ஃப்ளோர் கன்சோல் b இப்ப நான் இதை ரன் பண்றேன் எனக்கு 6ன்னு சொல்லி அவுட்புட் வருது முதல் ரன் பண்ணதை போடுறேன் 099 எனக்கு 0ன்னு சொல்லி அவுட்புட் வருது அதாவது இந்த ஃப்ளோர் அப்படின்றது இப்ப நான் 099 போட்டேன்னா அதை கீழ இறக்கி

0 மாத்திரும் 79ன்னு போட்டேன்னா அதை கீழ இறக்கி 7ன்னு மாத்திரும் 71ன்னு இருந்தாலும் அதை கீழ இறக்கி 7ன்னு மாத்திரும் ஓகேவா இந்த மாதிரி ஃப்ளோர் அப்படின்றப்ப கீழ இறங்கி வந்து அந்த வேல்யூவை எனக்கு மாத்தி தரும் இப்ப பாருங்க இப்போ எனக்கு இந்த மேக் ரேண்டம் நம்பர் என்ன கொடுக்குது 2968ன்னு சொல்லி கொடுக்குது இந்த இடத்துல இப்ப நான் மேக் ஃப்ளோர் போட்டா என்ன ஆகும் மேக் ஃப்ளோர் இப்ப என்ன ஆகும்னு நினைக்கிறீங்க இது 2 மாறிரும் கரெக்டா இவ்வளவு பெரிய நம்பர் இருக்காது எனக்கு இப்ப நான் ரன் பண்றேன் பாருங்க இப்ப எனக்கு ஒரே ஒரு சிங்கிள் நம்பர் கிடைக்குது சூப்பர் இந்த மாதிரிதான் எனக்கு வந்து ரேண்டம் நம்பர் வந்து ஜெனரேட் ஆகும் இந்த ஃபார்மட் யூஸ் பண்ணிதான் நான் வந்து ரேண்டம் நம்பர் ஜெனரேட் பண்ண போறேன் அண்ட்

அது கூட எனக்கு இப்போ எனக்கு இப்போ ரேண்டம் நம்பர் எப்ப எதுல இருந்து எதுவரைக்கும் ஜெனரேட் ஆகும் அப்படின்னா இந்த கோடுல எனக்கு ரேண்டம் நம்பர் 0ல இருந்து 9 வரைக்கும் ஜெனரேட் ஆகும் 0ல இருந்து 9 வரைக்கும் ஜெனரேட் ஆகும் எனக்கு இப்போ 1ல இருந்து 10 வரைக்கும் ஜெனரேட் ஆகணும் அப்படின்னா நான் இது கூட +1 பண்ணிக்கலாம் அப்ப எனக்கு 9ன்னு வந்துச்சுன்னா ரேண்டம் நம்பர் 9ன்னு ஜெனரேட் ஆச்சுன்னா எனக்கு அவுட்புட் 10ன்னு வரும் ரேண்டம் நம்பர் 0ன்னு ஜெனரேட் ஆச்சுன்னா அவுட்புட் 1ன்னு வரும் ரேண்டம் நம்பர் 2ன்னு ஜெனரேட் ஆச்சுன்னா அவுட்புட் 3ன்னு வரும் இந்த மாதிரி நான் +1 மட்டும் எக்ஸ்ட்ரா ஆட் பண்ணிக்கிறேன் அப்ப எனக்கு +1 இப்ப எனக்கு எல்லா டைமுமே வந்து ரேண்டம் நம்பர் 1ல இருந்து 10 வரைக்கும் கிடைக்கும் ஓகேவா இதுதான்

ரேண்டம் நம்பர் கிரியேட் பண்றதுக்கான ப்ரொசீஜர் ஓகே இப்ப நமக்கு ரேண்டம் நம்பர் எப்படி கிரியேட் பண்றதுன்னு சொல்லி தெரியும் அடுத்து இதை யூஸ் பண்ணி நம்ம இப்ப என்ன பண்ணப்போறோம் இந்த ஒரு ப்ராஜெக்ட்ட பண்ணப்போறோம் கெஸ் தி நம்பர் ப்ராஜெக்ட் அதாவது பேக்ரவுண்ட்ல என்னோட கம்ப்யூட்டர் ஒரு ரேண்டம் நம்பர் ஜெனரேட் பண்ணப்போகுது நான் ஜாவாஸ்கிரிப்ட்ல ரேண்டம் நம்பர் ஜெனரேட் பண்றதுக்கு ஒரு கோடு எழுதப்போறேன் நான் கோடு கிரியேட் பண்ணி வச்சிருவேன் யார் வேணாலும் வந்து இந்த கேம் விளையாடலாம் அவங்க கம்ப்யூட்டர் என்ன கோடு கிரியேட் பண்ணிருக்கு அப்படின்னு சொல்லி கெஸ் பண்ணனும் பேக்ரவுண்ட்ல என்னோட கம்ப்யூட்டர் என்ன நம்பரை கிரியேட் பண்ணி வச்சிருக்கு அப்படின்னு சொல்லி கெஸ் பண்ணனும் ஒவ்வொரு தடவையும் தப்பா ஆன்சர் பண்ண யுவர் ஸ்கோர் வந்து டிகிரிஸ் ஆகிக்கிட்டே இருக்கும் ஃபர்ஸ்ட் ஸ்கோர் வந்து 10 ல இருக்கணும் அடுத்து

வந்து தப்பா கெஸ் பண்ண கெஸ் பண்ணு அந்த ஸ்கோர் வந்து டிகிரிஸ் ஆகிக்கிட்டே இருக்கணும் ஓகேவா எப்போ கரெக்டா சொல்றீங்களோ அப்போ உங்களுக்கு நீங்க வந்து வின் பண்ணிட்டீங்க அப்படின்னு சொல்லி உங்களுக்கு ஒரு பாப் அப் மெசேஜ் மாதிரி வரணும் ஓகேவா இதுதான் டாஸ்க் ஓகே கெஸ் தி நம்பர் பிரம் ஒன் டு 10 ஓகே சோ இந்த ப்ராஜெக்ட் தான் இப்ப நம்ம பில்ட் பண்ண போறோம் லெட்ஸ் பிகின் ஃபர்ஸ்ட் நான் என்னோட விஷுவல் ஸ்டுடியோ கோடு வந்து நான் ஓபன் பண்ணிக்கிறேன் ஓகே சோ எனக்கு இதுல இன்டெக்ஸ்னு ஒரு ஃபைல் இருக்கு அண்ட் இதுலதான் நான் என்னோட கோடிங் பண்ண ஆரம்பிக்க போறேன் ஃபர்ஸ்ட் ஒரு h1 டேக் கிரியேட் பண்ணிக்கிறேன் கெஸ் தி நம்பர் ஓகே அடுத்து ஒரு இன்புட் டேக் கிரியேட் பண்ணிக்கிறேன் இதுலதான் நம்பரை வந்து நான்

டைப் பண்ணப்போறேன் அண்ட் தென் ஒரு பட்டன் செக் அப்படின்னு சொல்லி ஓகேவா சோ ஃபர்ஸ்ட் இவ்வளவுதான் நமக்கு இருக்கப்போகுது இதோட அவுட்புட் பார்த்தீங்க அப்படின்னா சோ யா இதுதான் இதுக்கான அவுட்புட் நம்பரை கெஸ் பண்ண போறோம் கெஸ் பண்ற நம்பர் கரெக்டா தப்பா அப்படின்னு சொல்லி நமக்கு இது சொல்லப்போகுது இங்க ஒரு பாரகிராப் டேக்ல யூ ஆர் ராங் ஆர் ரைட் நீங்க கெஸ் பண்ணி இருக்கிற நம்பர் ரைட்டா தப்பான்னு சொல்லி இது சொல்லப்போகுது ஓகேவா இதுதான் இப்ப நம்மளோட ப்ராஜெக்ட் சோ யா லெட்ஸ் பிகின் இப்ப நான் ஜாவாஸ்கிரிப்ட் எழுத ஆரம்பிக்க போறேன் என்னோட டார்கெட் என்ன இங்க ஒரு ரேண்டம் நம்பர் கிரியேட் ஆகப்போகுது கிரியேட் ஆகி இருக்கிற ரேண்டம் நம்பர் நான் கெஸ் பண்ண போற நம்பரோட மேட்ச் ஆகுதா இல்லையா அப்படின்றத நான் கண்டுபிடிக்கணும் கரெக்டா ஒரு ரேண்டம்

நம்பர் கிரியேட் ஆகப்போகுது அந்த ரேண்டம் நம்பர் நான் கிரியேட் பண்ண போற அந்த இன்புட் நம்பரோட மேட்ச் ஆகுதா இல்லையா அப்படின்றத செக் பண்ணனும் நான் கரெக்டா கெஸ் பண்ணி கரெக்டான நம்பர் இங்க நான் டைப் பண்ணிட்டேன் அதாவது அப்படின்னா இப்ப நான் இங்க 4ன்னு டைப் பண்ணிட்டேன் கரெக்டா அப்படின்னா எனக்கு வந்து கீழ யூ ஆர் ரைட்னு வரணும் தப்பா கெஸ் பண்ணிட்டேன் அப்படின்னா யூ ஆர் ராங்னு சொல்லி வரணும் இதுதான் இப்போதைக்கு டாஸ்க் ஓகே சோ லெட்ஸ் டூ இட் ஃபர்ஸ்ட் நான் ஜாவாஸ்கிரிப்ட் ஓபன் பண்ணிக்கிறேன் எதை எதை தான் செலக்ட் பண்ணனுமோ அதெல்லாம் செலக்ட் பண்றேன் எனக்கு ஃபர்ஸ்ட் இந்த இன்புட் பாக்ஸ செலக்ட் பண்ணனும் இதுக்கு நான் ஒரு ஐடி செலக்ட் பண்ணிக்கிறேன் ஐடி = செக் நம்பர் ஐடி = ஓகே கெஸ்டு நம்பர்னு வச்சுக்கலாம் கெஸ்ட்

நம்பர்னு வச்சுக்கலாம் ஓகே ஐடி = கெஸ் நம்பர் ஓகே ஃபர்ஸ்ட் அதை நான் செலக்ட் பண்ண போறேன் செலக்டிங் இன்புட் பாக்ஸ் வேர் கெஸ் நம்பர் = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி கெஸ் நம்பர் இந்த இன்புட்டை நான் செலக்ட் பண்ணிக்கிறேன் அடுத்து நான் எதை செலக்ட் பண்ணனும் அடுத்து இந்த பாரகிராப் டேக் செலக்ட் பண்ணனும் கரெக்டா ஏன்னா அதுலதான் எனக்கு வந்து ரிசல்ட் வரப்போகுது அதை நான் மேனிபுலேட் பண்ணனும் பாரகிராஃபையும் அதனால பாரகிராப் செலக்ட் பண்ணிட்டு இருக்கேன் வேர் இதுக்கு ஒரு ஐடி செட் பண்ணிக்கலாம் ஐடி = ரிசல்ட் வேர் ரிசல்ட் = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி ரிசல்ட் நான் ஐடி எதுல இருக்கோ அதே நேம்ல வேரியபிளும் கிரியேட் பண்ணிக்கிறேன் ஈஸியா இருக்கணும் அப்படின்றதுக்காக ஆனா நீங்க அப்படித்தான் கிரியேட் பண்ணனும் அப்படின்னு சொல்லி எந்த அவசியமும்

கிடையாது ஓகே ஓகே அடுத்து எனக்கு ஒரு ஃபங்க்ஷன் இருக்க போகுது இந்த ஃபங்க்ஷன்லதான் செக் பண்ண போறேன் நான் கெஸ் பண்ணி இருக்கிற நம்பரும் என்னோட இப்ப நான் இங்க என்ன பண்றேன்னு பாருங்க வேர் கெஸ் நம்பர் வேர் ரிசல்ட் இப்ப நான் என்னோட கெஸ் பண்ணி இருக்கிற நம்பர்ல நான் இந்த எலிமெண்ட்ட செலக்ட் பண்ணிட்டேன் டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி கெஸ் நம்பர் ஓகே சோ நான் எப்பலாம் பட்டனை கிளிக் பண்றேனோ அப்போ நான் கெஸ் பண்ணி இருக்கிற நம்பரும் ரேண்டம் நம்பரும் மேட்ச் ஆகுதான்னு சொல்லி நான் பாக்கணும் இங்க ஒரு ரேண்டம் நம்பர் நான் கிரியேட் பண்ணப்போறேன் இப்போ ரேண்டம் நம்பர் = மேக் டாட் ஃப்ளோர் மேக் டாட் ரேண்டம் ஸ்டார் 10 +1 ஓகேவா இப்ப எனக்கு ஒரு ரேண்டம் நம்பர் இங்க ஜெனரேட் ஆகும் எப்பலாம்

பட்டன் கிளிக் ஆகுதோ அப்ப நான் என்ன பண்ணனும் பண்ண போறேன் இப் ரேண்டம் நம்பர் = = இங்க நான் என்ன போடணும் இப்ப நான் வேர் கெஸ் நம்பர் = வேர் என்டர்டு நம்பர் என்டர்டு நம்பர் = கெஸ் நம்பர் டாட் வேல்யூ = = என்டர்டு நம்பர் நான் இப்ப என்ன பண்ணிருக்கேன்னு சொல்லி நான் எக்ஸ்பிளைன் பண்றேன் கன்சோல் லாக் ரைட் எல்ஸ் கன்சோல் லாக் ராங் ஓகே சோ இப்ப நான் இங்க என்ன பண்ணிருக்கேன் அப்படின்னு சொல்லி இப்ப நான் எக்ஸ்பிளைன் பண்றேன் கவனிங்க சோ ஃபர்ஸ்ட் நான் ஒரு இன்புட் ஐடி கிரியேட் பண்ணியிருக்கேன் அந்த இன்புட் ஐடிய செலக்ட் பண்ணிக்கிறேன் கெஸ்ட் நம்பர்னு சொல்லி அடுத்து ஒரு பாரகிராப் கிரியேட் பண்ணி இருக்கிறேன் அந்த பாரகிராஃபை செலக்ட் பண்ணிட்டேன் அடுத்து ஒரு ரேண்டம் நம்பர் கிரியேட் ஆயிருக்கு ஒருவேளை

எட்டுன்னு சொல்லி ஒரு ரேண்டம் நம்பர் கிரியேட் ஆயிருக்குன்னு வச்சுக்கோங்க அடுத்து எப்பலாம் நான் இந்த இன்புட்ல ஏதாவது ஒரு நம்பர் டைப் பண்ணிட்டு இப்ப இன்புட்ல நான் 7 டைப் பண்றேன் நான் பட்டன கிளிக் பண்ணேன் அப்படின்னா எனக்கு இந்த பங்க்ஷன் கால் ஆகணும் பட்டனை கிளிக் பண்றப்பதான் இந்த பங்க்ஷன் கால் ஆகணும் இதுக்குள்ள என்ன பண்றேன் வேர் என்டர்டு நம்பர் = கெஸ்ட் நம்பர் டாட் வேல்யூ இந்த கெஸ்ட் நம்பர்ன்றது இந்த இன்புட் பாக்ஸ் அந்த இன்புட் பாக்ஸ் டாட் வேல்யூ அப்படின்றப்ப அந்த இன்புட்ல நான் கொடுத்திருக்கிற 7 வந்து இங்க ஸ்டோர் ஆகும் இப்போ ரேண்டம் நம்பர் 8 என்டர் நம்பர் 7 ரெண்டும் ஈக்குவலான்னு பார்க்கும் ரெண்டும் ஈக்குவல் இல்ல அப்படின்னா எனக்கு ராங்ன்னு பிரிண்ட் ஆகும் ரெண்டும் ஈக்குவலா இருந்துச்சு அப்படின்னா எனக்கு ரைட்ன்னு பிரிண்ட் ஆகும் ஓகேவா

இதுதான் இங்க கான்செப்ட் சோ இப்ப நான் இந்த பட்டன்ல ஆன் கிளிக் = இந்த ஃபங்க்ஷன் நேம போட்டுக்குறேன் இப்ப நம்ம ப்ரோக்ராம ரன் பண்ணி பார்க்கலாம் கன்சோல்ல எனக்கு மிஷின் வந்து என்ன நம்பர் ரேண்டம் நம்பர் ஜெனரேட் பண்ணிருக்குன்னு சொல்லி எனக்கு தெரியாது நான் ரேண்டமா அஞ்சுன்னு கொடுத்து என்டர் கொடுக்கிறேன் ராங்னு வருது 6 கொடுக்கிறேன் ரைட் அப்போ மிஷின் கிரியேட் பண்ணி இருக்கிற ரேண்டம் நம்பர் 6 ஓகேவா அப்ப நான் இந்த ராங்கா ரைட்டா அப்படின்றத நான் எங்க பிரிண்ட் பண்ணனும் ரிசல்ட் டாட் டெக்ஸ்ட் கன்டென்ட் = ரைட் ரிசல்ட் டெக்ஸ்ட் கன்டென்ட் = ராங் அது கூடவே நம்ம என்ன பண்ணலாம் அப்படின்னா ரைட்டா இருந்தா மட்டும் அலர்ட் வந்து நம்ம கிரியேட் பண்ணலாம் யூ ஒன் இந்த அலர்ட்ன்றது ஒன்னும் இல்ல ஒரு பாப் அப் மாதிரி நமக்கு

ஷோ ஆகும் இப்ப நான் உங்களுக்கு காட்டுறேன் இப்ப நான் ஃபர்ஸ்ட் ஏதோ ஒரு நம்பர் கெஸ் பண்ணி என்டர் பண்றேன் நான் ஃபர்ஸ்ட் கெஸ்ஸே கரெக்டா பண்ணிட்டேன் இங்க பாருங்க மேல பாப் அப் வந்து யுவான் சொல்லி வந்திருக்கு ஓகேவா உங்களுக்கு அகைன் அகைன் ராங் ராங்னு வந்துகிட்டே இருந்துச்சு அப்படின்னா நீங்க தப்பா கெஸ் பண்ணிக்கிட்டே இருப்பீங்க மோஸ்ட் ப்ராபப்லி இப்ப 8ன்னு கொடுத்தேன்னா ராங்னு வரும் ஒன் கொடுத்தேன்னா ராங் வரும் அகைன் 2 கொடுத்தேனாலும் ராங் வரும் சோ நான் 7 குடுக்குற வரைக்கும் எனக்கு ராங் வந்துகிட்டே இருக்கும் சும்மா ஒரு கூட்டம் பாக்குல ஒரு கெஸ் பண்ணி நம்ம கொடுக்கிறதுதான் ஓகேவா ஓகே சோ அடுத்த ஃபங்க்ஷனாலிட்டி நம்ம இங்க ஸ்கோர் ஆட் பண்ணப்போறோம் ஓகேவா அடுத்து நம்ம ஸ்கோர் ஆட் பண்ணப்போறோம் இதுக்கு நான் ஐடி = ஸ்கோர்னு சொல்லி

ஒரு ஸ்கோர் வந்து செட் பண்ணிக்கிறேன் ஓகேவா இனிஷியலா ஸ்கோர் வந்து எனக்கு 10-ன்னு இருக்க போகுது இனிஷியலா எனக்கு ஸ்கோர் 10 ன்னு இருக்க போகுது எப்போலாம் இங்க வந்து ஸ்கோர்ன்னு சொல்லி ஒரு வேரியபிள் கிரியேட் பண்ணிக்கிறேன் வேர் ஸ்கோர் = 10 இனிஷியலா ஸ்கோர் வந்து 10ன்னு இருக்க போகுது எப்பலாம் எனக்கு ஆன்சர் வந்து தப்பாகுதோ எப்பலாம் எனக்கு ஆன்சர் தப்பாகுதோ அப்போ ஸ்கோர் = ஸ்கோர் -1 ஆல்ரெடி இருக்கிற ஸ்கோர்ல இருந்து ஒன்னை குறைக்கிறேன் இனிஷியலா ஸ்கோர் 10ன்னு இருக்கு அடுத்து என்ன பண்றேன் பண்றேன் ஆல்ரெடி இருக்கிற ஸ்கோர்ல இருந்து ஓகே ஒன்னு மைனஸ் பண்றேன் அப்போ 10 ல இருந்து எனக்கு 9 ஆகும் திரும்பவும் தப்பா சொன்னேன் அப்படின்னா 9ல இருந்து 8 ஆகும் 8-ல இருந்து 7 ஆகும் ஓகே ஸ்கோர் = ஸ்கோர் -1 இப்போ

இங்க நான் என்ன பண்ண போறேன் அடுத்து நான் இந்த ஸ்கோர்ல உள்ள வேல்யூ சேஞ்ச் பண்ணனும் அப்படின்னா அந்த ஸ்கோரையும் நான் செலக்ட் பண்ணனும் கரெக்டா வேர் ஸ்கோர் = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி ஸ்கோர் அடுத்து நான் இங்க ஸ்கோர் டாட் டெக்ஸ்ட் கன்டென்ட் = ஸ்கோர் கோலன் பிளஸ் ஸ்கோர் இப்ப ரன் பண்ணி பார்க்கலாம் எனக்கு யுவர் ஸ்கோர் இஸ் 10ன்னு இருக்கு நம்பர் 2ன்னு போடுறேன் எனக்கு ராங் பட் வந்து எனக்கு ஸ்கோர் வந்து மைனஸ் ஆகல ஓகே ஏன் மைனஸ் ஆகல ஸ்கோர் = ஸ்கோர் -1 எல்ஸ் ராங்னு சொல்லி எனக்கு ஆட் ஆயிடுச்சு ஸ்கோர் 10 ல இருக்கு ஓகே லைக் அகைன் அகைன் தேர் இஸ் எ ப்ராப்ளம் நான் ரெண்டையுமே சேம் வேரியபிள் வச்சு கிரியேட் பண்ணியிருக்கேன் நம்பரையும் சேம் வேரியபிள் வச்சு

கிரியேட் பண்ணியிருக்கேன் இதையும் சேம் வேரியபிள் வச்சு கிரியேட் பண்ணியிருக்கேன் சோ இந்த மாதிரி கிரியேட் பண்ணாதீங்க அகைன் இட் காசஸ் ப்ராப்ளம் நான் இது வந்து டோட்டல் ஸ்கோர்னு சேஞ்ச் பண்ணிக்கிறேன் டோட்டல் ஸ்கோர் = டோட்டல் ஸ்கோர் மைனஸ் ஒன் டோட்டல் ஸ்கோர் எவ்ரி டைம் உங்களுக்கு இந்த மாதிரி எரர் வரும் சோ அந்த எரர் எப்படி ஃபேஸ் பண்றது அப்படின்னு கத்துக்கோங்க உங்களுக்கு எங்கயாவது எரர் இருந்துச்சு கண்டுபிடிக்க தெரியல அப்படின்னா யூ கேன் யூஸ் சாட் gpt ஆர் ஜஸ்ட் பிரவுசர்ல போட்டு அந்த எரர் எப்படி சால்வ் பண்றதுன்னு சொல்லி ஃபைண்ட் அவுட் பண்ணுங்க ஓகே ஓகே சோ இப்ப ட்ரை பண்ணி பார்க்கலாம் சிக்ஸ் ஸ்கோர் வந்து எனக்கு 9ன்னு சேஞ்ச் ஆயிருச்சு நான் கெஸ் பண்ணி இருக்கிறது ராங் 7 போடுறேன் திரும்ப தப்பு 8 போடுறேன் திரும்ப தப்பு

9 போடுறேன் அப்பயும் தப்பு 10 போடுறேன் அப்பயும் தப்பு 1 ஓகே ராங் 2 ஓகே ராங் த்ரீ ஓ சோ என்னோட ஸ்கோர் வந்து பார்த்தீங்கன்னா த்ரீ அவ்வளவு ஸ்கோர் அப்புறம்தான் நான் வந்து கரெக்டா ஆன்சர் பண்ணியிருக்கேன் சோ மை ஸ்கோர் இஸ் த்ரீ சோ இந்த மாதிரி நீங்க வந்து இந்த கேமை அகைன் அகைன் ரெஃப்ரெஷ் பண்ணி ரெஃப்ரெஷ் பண்ணி விளையாடலாம் இப்போதைக்கு இதுல எந்த css ஸ்டைலுமே ஆட் பண்ணல வித்தவுட் css நீங்க வந்து இதை வந்து நீங்க கேம்ல பார்க்கலாம் இது கூடவே நீங்க css ஆட் பண்ணீங்க அப்படின்னா இது ஒரு ஆக்சுவல் பக்காவான கேம் மாதிரியே உங்களுக்கு இருக்கும் ஓகே சோ இந்த ப்ராசஸ்லயே நிறைய கத்துக்கிட்டு வந்திருப்பீங்கன்னு நினைக்கிறேன் ஓகே கூல் அடுத்து எப்படி ஜாவாஸ்கிரிப்ட் யூஸ் பண்ணி நம்ம நம்மளோட css ஸ்டைல் பண்றது

நம்மளோட css எப்படி மேனிபுலேட் பண்றது அப்படின்னு சொல்லி குயிக்கா நம்ம பார்த்தரலாம் ஓகே சோ இப்ப நான் என்னோட கோடு ஓபன் பண்ணிக்கிறேன் இது எல்லாத்தையுமே நான் கிளியர் பண்ணிட்டு அகைன் இப்ப நான் என்ன பண்ண போறேன் அப்படின்னா ஜஸ்ட் ஒரு டிவ் கிரியேட் பண்றேன் இதுக்கு ஒரு ஸ்டைல் கிரியேட் பண்றேன் ஸ்டைல் என்ன கிரியேட் பண்ணலாம் அப்படின்னா டிவுக்கு பேக்ரவுண்ட் கலர் பிளாக்ன்னு செட் பண்ணிக்கிறேன் வித் 100 பிக்சல் ஹைட் 100 பிக்சல் ஓகே இங்க நான் ஒரு ஸ்கிரிப்ட் ஃபைல் ஓபன் பண்றேன் இந்த டிவுக்கு ஒரு ஐடி கொடுத்துக்கிறேன் ஐடி = பாக்ஸ் இங்க ஒரு பட்டன் சேஞ்ச் கலர் இப்ப நான் அவுட்புட் போய் பார்த்தேன் அப்படின்னா இந்த மாதிரி எனக்கு அவுட்புட் இருக்கு எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ இந்த பாக்ஸோட கலர் எனக்கு சேஞ்ச்

ஆகணும் இதுதான் எனக்கு இப்போதைக்கு டாஸ்க் ஓகேவா சோ ஃபர்ஸ்ட் நான் பாக்ஸ செலக்ட் பண்ணனும் செலக்ட் பாக்ஸ் வேர் பாக்ஸ் = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி பாக்ஸ் அடுத்து பாக்ஸ் டாட் இங்கதான் இப்ப நான் வந்து என்ன பண்ணனுமோ அதை பண்ணனும் ஃபர்ஸ்ட் நான் ஒரு ஃபங்க்ஷன் கிரியேட் பண்ணிக்கிறேன் ஏன்னா ஃபங்க்ஷன் குள்ள தான் அந்த பட்டனை கிளிக் பண்றப்பதான் எனக்கு வந்து கலர் சேஞ்ச் ஆகணும் சோ இப்ப இந்த ஃபங்க்ஷன் குள்ள ஆன் கிளிக் எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ இந்த சேஞ்ச் ஃபங்க்ஷனை நான் வந்து கால் பண்றேன் அப்போ இதுக்குள்ள நான் என்ன பண்ண போறேன் அப்படின்னா பாக்ஸ் டாட் ஸ்டைல் ஓகேவா பாக்ஸ் ஸ்டைல் கலர் = என்ன கலர் சேஞ்ச் பண்றேனோ அந்த கலர் சேஞ்ச் ஆகும் ஆனா இப்ப எனக்கு என்ன

கலர் சேஞ்ச் பண்ணனும் பேக்ரவுண்ட் கலர் சேஞ்ச் பண்ணனும் அப்ப நான் பேக்ரவுண்ட் கலர்னு சொல்லி நான் போடணும் ஆனா கவனிங்க சிஎஸ்எஸ் ல பேக்ரவுண்ட் கலர் பேக்ரவுண்ட் ஹைபன் கலர்னு சொல்லி போடுவீங்க ஆனா அதே ஜாவாஸ்கிரிப்ட்ல எழுதுறப்ப பேக்ரவுண்ட் அண்ட் தென் கலர் கேப்பிடல் சில கலர் போடுவீங்க ஓகே பேக்ரவுண்ட் கலர் ரெட்ன்னு சொல்லி கொடுத்தாச்சு ஓகே இப்ப எப்பலாம் பட்டன் கிளிக் ஆகுதோ அப்ப என்னோட பட்டன் பாக்ஸோட கலர் ரெட்டா மாறனும் ட்ரை பண்ணி பார்க்கலாம் சூப்பர் இப்ப எப்பலாம் நான் வந்து பட்டனை கிளிக் பண்றேனோ அப்ப என்னோட பாக்ஸோட கலர் ரெட்டா சேஞ்ச் ஆகுது இந்த மாதிரி நீங்க css மேனிபுலேட் பண்ணிக்கலாம் இந்த மாதிரி டாட் ஸ்டைல்ல நீங்க பாக்ஸ் டாட் ஸ்டைலுக்கு பதிலா இங்க என்ன விஷயம் வேணாலும் போட்டு நீங்க மேனிபுலேட் பண்ணிக்கலாம் அதே மாதிரி இப்ப

என்னால என்ன பண்ண முடியும் அப்படின்னா அட்ரிபியூட்ட சேஞ்ச் பண்ண முடியும் முடியும் ஃபார் எக்ஸாம்பிள் இங்க ஒரு கிளாஸ் இருக்குன்னு வச்சுக்கலாம் டாட் விட்த் மேக்ஸ் இதுல வந்து விட்த் வந்து 900 பிக்சல் சொல்றேன் ஓகேவா வித் வந்து 900 பிக்சல் சொல்றேன் எப்பலாம் பட்டன் கிளிக் ஆகுதோ அப்ப நான் இப்ப என்ன பண்ண போறேன் பட்டன் கிளிக் பண்றதுக்கு முன்னாடியே பாருங்க இது நார்மலா எனக்கு இருக்கிற பாக்ஸ் இதுலயே இப்ப நான் இந்த கிளாஸ் ஆட் பண்ணேன்னு கிளாஸ் = இந்த வித் மேக்ஸ் அப்படின்ற கிளாஸ் நான் இதுல ஆட் பண்ணேன் அப்படின்னா இப்ப எனக்கு விட்த் அதிகமாயிரும் ஏன்னா அதுல வித் என்ன கொடுத்திருக்கேனோ அந்த விட்த் வந்துரும் இதுல வித் 100 பிக்சல் கொடுத்திருக்கேன் அந்த வித் வந்து எனக்கு வந்துரும் ஆனா இப்ப நான் என்ன பண்ண போறேன்

எப்பலாம் பட்டன் கிளிக் ஆகுதோ அப்ப மட்டும் கிளாஸ்ன்ற அட்ரிபியூட்டை ஆட் பண்ண போறேன் இப்ப எனக்கு கிளாஸ்ன்ற அட்ரிபியூட் இருக்காது ஓகேவா இப்ப பாருங்க பாக்ஸ் சோ ஃபர்ஸ்ட் நான் செலக்ட் பண்ணனும் ஆல்ரெடி பாக்ஸ் செலக்ட் ஆயிருக்கு பாக்ஸ் டாட் செட் அட்ரிபியூட் என்ன அட்ரிபியூட் எனக்கு செட் ஆகணும் கிளாஸ் அட்ரிபியூட் செட் பண்ணனும் ஓகே கிளாஸ் = க்கு பதிலா கமா போடுறேன் என்ன வேல்யூ வித் மேக்ஸ் ஓகேவா சோ இப்ப நான் எப்பலாம் இந்த பட்டனை கிளிக் பண்றேனோ அப்ப இந்த பாக்ஸ் வந்து எனக்கு பெருசாகணும் இப்ப நான் இன்ஸ்பெக்ட் போய் காட்டுறேன் உங்களுக்கு இப்ப பாருங்க இந்த பாக்ஸ்ல வந்து எதுவுமே இல்லை எந்த கிளாஸ்மே இல்லை ஆனா இப்ப நான் பட்டனை கிளிக் பண்றப்ப எனக்கு அடிஷனலா அந்த கிளாஸ் வித் மேக்ஸ் அப்படின்னு சொல்லி ஒரு கிளாஸ்ன்றது

அட்ரிபியூட் அந்த அட்ரிபியூட்ட தான் நம்ம அடிஷனலா ஆட் பண்ணி இருக்கோம் கிளாஸ் = வித் மேக்ஸ் அப்படின்னு எனக்கு இந்த அட்ரிபியூட் வந்து ஆட் ஆயிருக்கு ஓகே சூப்பர் சோ இதுலயும் நீங்க வந்து டிரான்சிஷன் ஆட் பண்ணீங்கன்னு வைங்களேன் ட்ரான்சிஷன் வந்து ஒரு டூ செகண்ட் ஆட் பண்ணீங்க அப்படின்னா உங்களுக்கு ஒரு அனிமேஷன் எஃபெக்ட் கிடைக்கும் பாருங்க அழகா அப்படியே மெதுவா எனக்கு வந்து ஸ்க்ரோல் ஆகும் டூ செகண்ட் ஸ்லோவா ஓகே சோ இப்படித்தான் நீங்க வந்து அட்ரிபியூட் செட் பண்ணலாம் அதே மாதிரி ஸ்டைல்ஸும் சேஞ்ச் பண்ணலாம் இந்த மாதிரிதான் நம்ம டாப் வந்து மேனிபுலேட் பண்ணுவோம் சோ இந்த செக்ஷன்ல எப்படி டாப் மேனிபுலேட் பண்றது ஐடிய யூஸ் பண்ணி அப்படின்ற விஷயங்கள் எல்லாமே கத்துக்கிட்டு இருந்திருப்பீங்க நெக்ஸ்ட் செக்ஷன்ல நம்ம இன்னும் ஒரு சில விஷயங்கள் அடிஷனலா கத்துக்க போறோம் ஓகே

to see you in next session bye bye இப்ப நம்ம ஒரு சில கான்செப்ட்ட டாஸ்க் பேஸ் பண்ணி லேர்ன் பண்ண போறோம் அதாவது நான் உங்களுக்கு ஒரு கொஸ்டின் கொடுக்க போறேன் அந்த கொஸ்டினுக்கு நீங்க ஆன்சர் பண்ண ட்ரை பண்ண போறீங்க உங்களால ஆன்சர் பண்ண முடியாதப்ப மட்டும் நீங்க திரும்ப வீடியோவை ப்ளே பண்ணி உங்களோட ஆன்சர்ஸ பார்த்துக்க போறீங்க ஓகே சோ இதுதான் உங்களோட ஃபர்ஸ்ட் கொஸ்டின் உங்களுக்கு ஒரு இன்புட் பாக்ஸ் இருக்கு அந்த இன்புட் பாக்ஸ்ல நீங்க என்னென்ன டைப் பண்றீங்களோ நீங்க டைப் பண்ண பண்ண உங்களுக்கு கீழ வந்து அவுட்புட் வந்துகிட்டே இருக்கணும் ஓகே இதுதான் உங்களுக்கான டாஸ்க் சோ நான் ஜஸ்ட் எப்படின்னு காட்டுறேன் ஓகே இப்ப நான் இங்க h இப்படி நான் டைப் பண்ண டைப் பண்ண எனக்கு கீழ வந்துகிட்டே இருக்கு

இல்லையா சோ இதைதான் நீங்க பண்ண போறீங்க ஓகே வீடியோவை பாஸ் பண்ணிட்டு இந்த கொஸ்டின பண்ண ட்ரை பண்ணுங்க ஓகே சோ பண்ணிருப்பீங்கன்னு நம்புறேன் பண்ணலைன்னா இட்ஸ் ஓகே இப்ப நான் இந்த கொஸ்டினை பண்ணி காட்ட போறேன் சோ என் கூட சேர்ந்து நீங்களும் ஃபாலோ பண்ணிக்கோங்க ஃபர்ஸ்ட் ஒரு இன்புட் டேக் கிரியேட் பண்ணிக்கிறேன் அண்ட் தென் ஒரு பட்டன் கிரியேட் பண்ணிக்கிறேன் ஃபர்ஸ்ட் நம்ம டைரக்டா பண்ணாம பட்டனை கிளிக் பண்ற அப்ப நமக்கு வந்து வேல்யூ கிடைக்கிற மாதிரி வந்து செட் பண்ணிக்கலாம் அதாவது ஒரு இன்புட் பாக்ஸ் இருக்கு ஒரு பட்டன் இருக்கு அண்ட் தென் இங்க ஒரு h1 டேக் இருக்கு ஓகேவா எப்ப நான் இந்த பட்டனை கிளிக் பண்றேனோ இதோட அவுட்புட் செக் பண்ணலாம் காப்பி பாத் எப்ப நான் இங்க சம்திங் எழுதிட்டு இந்த பட்டனை கிளிக்

பண்றேனோ அப்ப எனக்கு கீழ வந்து அவுட்புட் வரணும் ஓகே சோ இதை கூட நீங்க பாஸ் பண்ணிட்டு பண்ணி பாருங்க ஓகே சோ இப்ப நான் என்ன பண்ண போறேன் இன்புட்டுக்கு ஒரு ஐடி கொடுத்துக்கிறேன் ஐடி = இன்புட் பாக்ஸ் அடுத்து h1 டேக்கு ஒரு ஐடி கொடுத்துக்கிறேன் ஐடி = ரிசல்ட் அப்படின்னு சொல்லி நான் என்னென்ன பண்ணனும் இன்புட் பாக்ஸ்ல இருக்கிற வேல்யூவை எடுத்து இந்த h1ல போடணும் கரெக்டா அப்ப நான் என்னென்ன செலக்ட் பண்ணனும் செலக்ட் இன்புட் டேக் அதே மாதிரி செலக்ட் h1 டேக் இது ரெண்டையும் நான் செலக்ட் பண்ணனும் வேர் இன்புட் பாக்ஸ் = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி இன்புட் பாக்ஸ் அடுத்து வேர் ரிசல்ட் = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி ரிசல்ட் இன்புட் பாக்ஸும் செலக்ட் பண்ணியாச்சு ரிசல்ட்டையும் செலக்ட் பண்ணியாச்சு

அடுத்து எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ ஒரு ஃபங்க்ஷனை நான் கால் பண்ணப்போறேன் ஆன் கிளிக் = அப்டேட்ன்னு வச்சுக்கலாமே அப்டேட் ஃபங்க்ஷன் அப்டேட் இப்ப நான் என்ன பண்ணனும் இந்த இன்புட் பாக்ஸ்ல இருக்குற வேல்யூவை இந்த ரிசல்ட்ல கொண்டு போய் ஸ்டோர் பண்ணனும் அப்போ ரிசல்ட் டெக்ஸ்ட் கன்டென்ட் அப்படின்றப்ப இந்த h1 செலக்ட் பண்ணி அந்த h1க்கு உள்ள இருக்கிற டெக்ஸ்ட் கன்டென்ட்ல நான் வந்து என்ன போடப்போறேன் அப்படின்னா இன்புட் பாக்ஸ்ல இருந்து எடுக்கிற டெக்ஸ்ட் கண்டென்ட்ட போடப்போறேன் இப்ப நான் ரன் பண்ணி பார்த்தா எனக்கு அவுட்புட் வருமா வராதா செக் பண்ணி பார்க்கலாம் இப்ப நான் இங்க ஹலோ சொல்லி நான் என்டர் பண்றேன் பட்டனை கிளிக் பண்றேன் எனக்கு அவுட்புட் எதுவுமே வரல ஃபர்ஸ்ட் ரீசன் என்ன அப்படின்னா இன்புட் டெக்ஸ்ட் கண்டென்ட் கிடையாது இன்புட் வேல்யூ எப்பலாம்

இன்புட் யூஸ் பண்றோமோ அப்போ வேல்யூ யூஸ் பண்ண போறோம் மத்த எல்லா டேக்ஸ்க்குமே டெக்ஸ்ட் கண்டென்ட் யூஸ் பண்ண போறோம் இப்ப நான் இதை ரன் பண்றேன் இப்ப நான் ஹலோன்னு சொல்லி என்டர் பண்ணிட்டு பட்டனை கிளிக் பண்றப்ப எனக்கு வெளிய பிரிண்ட் ஆகுது இன்புட் டேக்ல இருந்து பட்டனை கிளிக் பண்ணா வெளிய பிரிண்ட் ஆகுது ஆனா எனக்கு என்ன நடக்கணும் நான் ஒவ்வொரு தடவையும் பட்டனை டைப் பண்றப்ப எனக்கு கீழ பிரிண்ட் ஆகிக்கிட்டே இருக்கணும் அதாவது இந்த பட்டனை கிளிக் பண்றப்ப மட்டும் எனக்கு வந்து இந்த ஃபங்க்ஷன் கால் ஆகுது இப்போ எப்போலாம் நான் வந்து கீபோர்டுல என்னோட பட்டனை அமுக்குறேனோ எப்போ எல்லாம் என்னோட கீபோர்டுல என்னோட பட்டனை அமுக்கி நான் கைய எடுக்குறேனோ அப்பலாம் எனக்கு வந்து அந்த பங்க்ஷன் கால் ஆகிக்கிட்டே இருக்கணும் அப்ப நான் என்ன பண்ணலாம்

அதாவது இந்த பட்டனை நான் தொடவே இல்ல இந்த பட்டனை தொடுறதுக்கு பதிலா இந்த இன்புட் டேக்ல எப்பலாம் ஆன் கீ அப் எப்பலாம் நான் என்னோட கீபோர்ட் பட்டனை அமுக்கி அமுக்கி எடுக்குறேனோ அப்பலாம் நான் அப்டேட்ன்ற இந்த ஃபங்க்ஷனை கால் பண்றேன் இப்ப என்ன ஆகுதுன்னு பாருங்க இப்ப நான் பட்டனை கீபோர்டை பிரஸ் பண்ணி எடுக்க எடுக்க எனக்கு வந்து அவுட்புட் கிடைக்குது சூப்பர் ஃபர்ஸ்ட் டாஸ்க் கம்ப்ளீட் ஆயிடுச்சு நெக்ஸ்ட் கொஸ்டின் நம்பர் டூ ஹவ் கேன் யூ யூஸ் ஜாவாஸ்கிரிப்ட் அக்கம்ப்ளிஷ் தி ஃபாலோவிங் டாஸ்க் ஆட் அப்படின்ற ஆட் ஹலோ அப்படின்ற இந்த பட்டனை கிளிக் பண்ண கிளிக் பண்ண ஹலோ ஹலோ ஹலோன்னு சொல்லி எனக்கு கீழ வந்துகிட்டே இருக்கணும் அதாவது இப்ப இந்த ஆட்ன்ற பட்டனை கிளிக் பண்ண கிளிக் பண்ண எனக்கு இந்த மாதிரி கீழ ஹலோ ஹலோன்னு

வருது இல்லையா இந்த மாதிரி எனக்கு வரணும் இதைத்தான் நான் கொண்டு வரணும் சோ இதை எப்படி கொண்டு வரலாம் ஓகே சோ அகைன் நான் என்னோட விஷுவல் ஸ்டுடியோ கோடு ஓபன் பண்ணிக்கிறேன் இந்த 1html கிளியர் பண்ணிட்டு திரும்ப நான் அகைன் இதுலயே பண்ண போறேன் ஓகேவா ஃபர்ஸ்ட் நம்ம டைரக்டா ஹலோ ஹலோ ஹலோன்னு சொல்லி கீழ கீழ பிரிண்ட் பண்ண வைக்காம ஃபர்ஸ்ட் ஒரு ஒரு ஓகே ஃபர்ஸ்ட் நம்ம ஸ்டார்ட் பண்ணலாம் ஒரு பட்டன் எனக்கு வேணும் அந்த பட்டன்ல ஆட்ன்னு சொல்லி நான் போட்டுக்குறேன் இதுக்கு கீழ ஏதோ ஒரு ரிசல்ட் எனக்கு வேணும் h1 = இந்த h1ல தான் எனக்கு பிரிண்ட் ஆகப்போகுது இங்க ஐடி = ரிசல்ட்ன்னு சொல்லி போட்டுக்குறேன் எப்பலாம் பட்டன் கிளிக் ஆகுதோ அப்போ இந்த h1 குள்ள எனக்கு ஏதோ ஒன்னு ஆட் ஆகணும்

கரெக்டா சோ ரெகுலரா நம்ம பண்ற மாதிரியே பண்ணிக்க போறேன் ஃபர்ஸ்ட் நான் இந்த h1 செலக்ட் பண்ணிக்கிறேன் செலக்ட் h1 வேர் h1 = டாக்குமெண்ட் கெட் எலிமெண்ட் பை id h1 அடுத்து எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்ப இந்த h1 குள்ள நான் ஏதோ ஒரு டெக்ஸ்டை ஆட் பண்ணனும் ஆன் கிளிக் = அப்டேட்னு ஒரு ஃபங்க்ஷன் கிரியேட் பண்ணிக்கிறேன் ஃபங்க்ஷன் அப்டேட் ஓகேவா சோ எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்ப இந்த அப்டேட் கால் ஆகப்போகுது அப்ப நான் என்ன பண்ண போறேன் h1 டெக்ஸ்ட் கன்டென்ட் = ஹலோ h1 டெக்ஸ்ட் கண்டென்ட் = ஹலோன்னு சொல்லி போடுறேன் இப்ப என்ன ஆகுதுன்னு பார்க்கலாம் இதுதான் இல்லையா நம்மளோட கோடு ஓகே இப்ப நான் ஆட கிளிக் பண்றேன் எனக்கு எதுவுமே பிரிண்ட் ஆகல சோ வாட்

இஸ் தி ப்ராப்ளம் ஏன் எனக்கு எதுவுமே பிரிண்ட் ஆகல என்னோட இன்ஸ்பெக்ட்ல போய் நான் செக் பண்றேன் என்னோட கன்சோல் போறேன் கேன் நாட் செட் ப்ராப்பர்ட்டி ஆப் நல் ஓகே எங்கேயும் நாம வந்து தப்பு பண்ணி இருக்கோம் h1 = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி ஓகே இங்க ஐடி ரிசல்ட்ன்னு இருக்கு பட் நான் h1ன்னு போட்டு இருக்கேன் ஓகே இட்ஸ் மை மிஸ்டேக் அகைன் இப்ப நான் போயிட்டு செக் பண்ணி பார்க்கிறேன் என்னோட கோட ரெஃப்ரெஷ் பண்ணிட்டு ஆட் கிளிக் பண்றேன் இப்ப எனக்கு ஆட கிளிக் பண்ண உடனே ஹலோன்னு வருது நான் திரும்ப எத்தனை டைம் ஆட் கிளிக் பண்ணாலும் எனக்கு ஹலோ ஹலோ ஹலோன்னு தான் வருது ஆனா எனக்கு கொஸ்டின் என்ன திரும்ப திரும்ப வந்துகிட்டே இருக்கணும் ஒரு தடவை ஹலோ வரணும் திரும்ப ஹலோ

வரணும் திரும்ப ஹலோ வரணும் திரும்ப ஹலோ வரணும் இந்த மாதிரி திரும்ப திரும்ப வந்துகிட்டே இருக்கணும் கரெக்டா இப்ப நான் h1 டெக்ஸ்ட் கண்டென்ட்டுக்கு பதிலா h1 அப் அண்ட் ஹலோன்னு சொல்லி போடுறேன் h1 அப் அண்ட் ஹலோன்னு சொல்லி போடுறேன் இப்ப என்ன ஆகுதுன்னு பாருங்க இப்ப நான் ஆட் கிளிக் பண்றேன் ஹலோ வருது திரும்பவும் நான் ஆட் கிளிக் பண்றேன் ஏற்கனவே இருக்கிற ஹலோவோட இன்னொரு ஹலோ எனக்கு சேர்ந்து வருது திரும்பவும் ஒரு ஹலோ கிளிக் பண்றேன் ஆல்ரெடி இருக்கிற ஹலோவோட இன்னொரு ஹலோ சேர்ந்து வருது இப்ப நான் இன்ஸ்பெக்ட் போய் என்னோட கோட வந்து நான் செக் பண்றேன் என்னோட கோடுல என்ன நடக்குதுன்னு சொல்லி நான் பார்க்கிறேன் கவனிங்க ஹலோ ஹலோன்னு இருக்கு இப்ப நான் திரும்ப பட்டனை கிளிக் பண்றேன் புதுசா ஒரு ஹலோ கிரியேட் ஆகுது

திரும்ப பட்டனை கிளிக் பண்றேன் புதுசா இன்னொரு ஒரு ஹலோ கிரியேட் ஆகுது ஒரே ஹச் ஒன் டேக் குள்ள திரும்ப திரும்ப திரும்ப இன்னொரு ஹலோ எனக்கு வந்து கிரியேட் ஆயிட்டே இருக்கு இருக்கு ஆனா நமக்கு டாஸ்க் என்ன இங்க என்ன நடக்குதுன்னு பார்க்கலாம் அங்க என்ன நடக்குதுன்னு பார்த்தோம் இங்க என்ன நடக்குதுன்னு பார்க்கலாம் இங்க கவனிங்க நான் ஒவ்வொரு தடவையும் பட்டனை கிளிக் பண்ணத கிளிக் பண்ணேன் புதுசா ஒரு h1 டேக் கிரியேட் ஆகுது போன தடவை ஒரே h1 டேக் குள்ள திரும்ப திரும்ப ஒரு டெக்ஸ்ட் கிரியேட் ஆச்சு இப்ப நான் இங்க கிளிக் பண்ண கிளிக் பண்ண புதுசா ஒரு h1 டேகே கிரியேட் ஆகுது ஓகேவா புதுசா ஒரு h1 டேகே கிரியேட் ஆகுது அப்ப நான் என்ன பண்ணனும் இந்த இடத்துல h1க்கு பதிலா நான் டிவ்

போட்டுக்குறேன் ஓகே இப்ப நான் இந்த டிவுக்குள்ள எல்லாத்தையுமே நான் டிவ்னு மாத்திக்கிறேன் ஓகே டிவ் ஸ்டில் எனக்கு அதே மாதிரிதான் ஒர்க் ஆகப்போகுது என்னோட அவுட்புட் h1க்கு பதிலா நான் டிவ்னு போட்டு இருக்கேன் இந்த மாதிரி எனக்கு ஒர்க் ஆகுது இப்போ ஹலோ ஹலோ ஹலோன்னு சொல்லி எனக்கு டெக்ஸ்டா பிரிண்ட் ஆகுறதுக்கு பதிலா இங்க வந்து எனக்கு h1 டேகா பிரிண்ட் ஆகணும் கரெக்டா சரி நான் இதுக்குள்ள h1 போடுறேன் ஹலோக்கு பதிலா h1 போடுறேன் என்ன ஆகுதுன்னு பார்க்கலாம் இப்ப நான் ரன் பண்ணி பார்க்கிறேன் இப்ப எனக்கு கீழ கீழ வருமான்னு பார்க்கலாம் என்னப்பா இது h1 என்ற டேக் எனக்கு அப்படியே வருது அதாவது என்னோட நான் டெக்ஸ்டா எழுதுறது html ஆ கன்வெர்ட் ஆக மாட்டேங்குது ஓகேவா நான் டெக்ஸ்டா எழுதுறது html கன்வெர்ட் ஆக மாட்டேங்குது அப்ப நான்

இங்க என்ன பண்ணனும் அப்படின்றப்ப நான் இப்போ இங்க புதுசா ஒரு எலிமெண்ட் கிரியேட் பண்ணனும் கிரியேட் நியூ எலிமெண்ட் புதுசா ஒரு h1 டேக் நான் இங்க கிரியேட் பண்ணி அதுக்கப்புறமா அந்த h1 டேக நான் ஓபன் பண்ணனும் வேர் h1 = டாக்குமெண்ட் டாட் கிரியேட் எலிமெண்ட் அப்படின்னு சொல்லி நமக்கு ஒரு ஃபங்க்ஷன் இருக்கு இந்த கிரியேட் எலிமெண்ட் ஃபங்க்ஷனை யூஸ் பண்ணி நம்ம நமக்கு தேவையான டேகை கிரியேட் பண்ணிக்க முடியும் எனக்கு இப்ப என்ன டேக் வேணும் h1 டேக் வேணும் அப்ப நான் இதுக்குள்ள h1ன்னு சொல்லி போடுறேன் இங்க h1 தான் போடணும் அப்படின்னு சொல்லி எனக்கு எந்த அவசியமும் இல்லை இங்க நான் என்ன வேணாலும் போட்டுக்கலாம் லிஸ்ட் ஐட்டம்னு சொல்லி நான் போட்டுக்குறேன் வேர் லிஸ்ட் ஐட்டம் = டாக்குமெண்ட் கிரியேட் எலிமெண்ட் h1 h1ன்ற ஒரு

டேக நான் கிரியேட் பண்றேன் அப்போ இந்த லிஸ்ட் ஐட்டம்குள்ள இப்போ h1 அப்படின்னு சொல்லி எனக்கு ஒரு டேக் வந்து ஸ்டோர் ஸ்டோர் ஆயிருக்கும் இந்த லிஸ்ட் ஐட்டம்குள்ள இப்ப h1ன்னு சொல்லி எனக்கு ஒரு டேக் வந்து சேவ் ஆயிருக்கும் அடுத்து நான் என்ன பண்றேன் h1 ஓகே லிஸ்ட் ஐட்டம் லிஸ்ட் ஐட்டம் டாட் டெக்ஸ்ட் கன்டென்ட் = ஹலோ எனக்கு வந்து h1 இங்க கிரியேட் ஆயிருச்சு அந்த h1 குள்ள இப்ப நான் என்ன போட போடுறேன் ஹலோன்னு சொல்லி ஆட் பண்றேன் இப்போ இப்படி h1 ஹலோன்னு சொல்லி இருக்கு இந்த h1 ஹலோவை இப்ப நான் அப்படியே அப்னெண்ட் பண்ணனும் அப்ப நான் டிவ் டாட் அப்பண்ட் லிஸ்ட் ஐட்டம்னு சொல்லி போடுறேன் இப்ப எனக்கு என்ன அவுட்புட் வருதுன்னு பாருங்க இப்ப நான் ரெஃப்ரெஷ் பண்றேன் இப்ப நான் கிளிக்

பண்றப்ப எனக்கு புதுசா ஒரு கவனிங்க என்ன நடக்குதுன்னு எக்ஸ்பிளைன் பண்றேன் ஃபர்ஸ்ட் இங்க ஒரு டிவ் டேக் கிரியேட் பண்ணிருக்கோம் இந்த டிவ் டேக் குள்ள எனக்கு ஒவ்வொரு தடவையும் பட்டன் கிளிக் ஆகுறப்ப ஆட் ஆட் ஆட் அப்படின்னு சொல்லி h1 டேக் வந்து ஆட் ஆகணும் ஃபர்ஸ்ட் அந்த டிவை செலக்ட் பண்ணிக்கிறேன் அடுத்து ஃபங்க்ஷன் அப்டேட்ன்னு சொல்லி ஒரு ஃபங்க்ஷன் கிரியேட் பண்ணிக்கிறேன் எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ இந்த அப்டேட் ஃபங்க்ஷன் கால் ஆகுது இதுக்குள்ள ஃபர்ஸ்ட் புதுசா ஒரு எலிமெண்ட் கிரியேட் பண்றேன் வேர் லிஸ்ட் ஐட்டம் = create element h1 அப்படின்னு சொல்லி ஒரு h1 எலிமெண்ட் கிரியேட் பண்றேன் அதுக்கப்புறம் லிஸ்ட் item டெக்ஸ்ட் கன்டென்ட் கிரியேட் ஆன அந்த h1 குள்ள ஹலோவை போடுறேன் அதுக்கப்புறம் இப்ப ரெடி ஆயிடுச்சு h1 வித் ஹலோ

ரெடி ஆயிடுச்சு அதை மொத்தமா நான் இப்போ டிவகுள்ள அப்னெண்ட் பண்றேன் ஓகே சூப்பர் சோ இப்படித்தான் அப் அண்ட் ஃபங்க்ஷன் ஒர்க் ஆகுது இப்படித்தான் நம்ம எலிமெண்ட்ட கிரியேட் பண்றோம் கூல் இப்போ நீங்க செகண்ட் கொஸ்டின் கம்ப்ளீட் பண்ணிருப்பீங்க அப்படின்னு சொல்லி நினைக்கிறேன் அடுத்து தேர்ட் கொஸ்டின் சேஞ்ச் கலர் அப்படின்ற அந்த பட்டனை கிளிக் பண்றப்ப அந்த பட்டனோட கலர் ரெட்டா மாறணும் இதை உங்களால ரொம்ப ஈஸியாவே பண்ண முடியும்னு நினைக்கிறேன் சோ வீடியோ பாஸ் பண்ணிட்டு பண்ண ட்ரை பண்ணுங்க சோ இப்போ தேர்ட் கொஸ்டின் பண்ணலாம் பட்டன் சேஞ்ச் கலர் இந்த பட்டனுக்கு நான் ஒரு ஐடி செலக்ட் பண்ணிக்கிறேன் செட் பண்ணிக்கிறேன் ஐடி = btn இந்த பட்டனை கிளிக் பண்றப்ப நான் ஒரு ஃபங்க்ஷனை கால் பண்ண போறேன் அப்டேட் என்ற ஃபங்க்ஷனை எதோட ப்ராப்பர்ட்டியை நான் சேஞ்ச் பண்ணனும்

எதை மேனிபுலேட் பண்ணனுமோ அதை நான் செலக்ட் பண்ணனும் அப்ப நான் இந்த பட்டனை செலக்ட் பண்றேன் ஏன்னா இந்த பட்டன்தான் எனக்கு மேனிபுலேட் ஆகணும் இந்த பட்டனோட கலரை தான் நான் சேஞ்ச் பண்ணனும் அதனால வேர் பிடிஎ = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி பிடிஎன் அப்படின்னு சொல்லி இந்த பட்டனை செலக்ட் பண்ணிக்கிறேன் அடுத்து ஃபங்க்ஷன் அப்டேட் எப்பலாம் இந்த ஃபங்க்ஷன் அப்டேட் கால் ஆகுதோ எப்பலாம் இந்த பட்டனை கிளிக் பண்றேனோ அப்ப இந்த அப்டேட் கால் ஆகும் அப்ப நான் என்ன பண்றேன் btn style background கலர் = ரெட் சூப்பர் இப்ப ட்ரை பண்ணி பார்க்கலாம் சேஞ்ச் கலர்னு பட்டன் இருக்கு பட்டனை கிளிக் பண்றேன் எனக்கு பேக்ரவுண்ட் கலர் ரெட்டா மாறுது சூப்பர் அடுத்த கொஸ்டினுக்கு போலாம் கொஸ்டின் நம்பர் 4 how can i make it

so that when a user clicks a button the text from that button is shown in the h1 tag located above it எப்பலாம் நான் ஜான் கிளிக் பண்றேனோ அப்ப எனக்கு ஜான் வரணும் ஹரின்னு கிளிக் பண்றப்ப இங்க ஹரின்னு வரணும் பிரவீன் இங்க கிளிக் பண்றப்ப இங்க பிரவீன் வரணும் இப்ப பாருங்க எனக்கு இனிஷியலா இங்க நேம்னு இருக்கு நான் ஜான் கிளிக் பண்ணேன்னா வருது பிரவீன்னு கிளிக் பண்ணேன்னா பிரவீன் வருது கார்த்தின்னு கிளிக் பண்ணேன்னா கார்த்தின்னு வருது வீடியோவை பாஸ் பண்ணிட்டு இதை எப்படி பண்றது அப்படின்னு சொல்லி ட்ரை பண்ணி பாருங்க ஓகே இப்ப நம்ம இங்க புதுசா ஒரு கான்செப்ட் வந்து நம்ம படிக்க போறோம் ஓகேவா ஃபர்ஸ்ட் h1 டேக் கிரியேட் பண்ணிக்கலாம் இதுல நேம்னு சொல்லி போட்டுக்குறேன் இந்த h1

டேக்கு ஐடி = ரிசல்ட்ன்னு செட் பண்ணிக்கிறேன் அடுத்து மூணு பட்டன் நமக்கு வேணும் ஜான் பிரவீன் அண்ட் தென் ஜாக் ஓகே ஜான் பிரவீன் ஜாக் எனக்கு வந்து இப்போ ஸ்கிரீன்ல ஜான் பிரவீன் ஜாக்னு சொல்லி இருக்கு இப்ப நான் ஜான் என்ற பட்டனை கிளிக் பண்ணா நேம் என்ற இடம் ஜானா மாறனும் பிரவீன் என்ற பட்டனை கிளிக் பண்ணா நேம்ன்ற இடம் பிரவீன் மாறணும் ஜாக்கை கிளிக் பண்ணா ஜாக்கா மாறணும் இப்போதைக்கு மாறாது ஏன்னா நம்ம ஜாவாஸ்கிரிப்ட் கோடு எதுவுமே எழுதல இப்ப நான் இங்க ஜாவாஸ்கிரிப்ட் கோடு எழுதுறேன் ஸ்கிரிப்ட் ஃபர்ஸ்ட் நான் என்ன பண்ண போறேன் h1 செலக்ட் பண்ணிக்கிறேன் ஏன்னா h1 தான் மாறணும் h1 தான் நம்ம மேனிபுலேட் பண்ண போறோம் வேர் h1 = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி ரிசல்ட் அந்த h1 செலக்ட்

பண்ணிக்கிறேன் அடுத்து எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ ஒரு ஃபங்க்ஷன் கால் ஆகணும் கரெக்டா ஃபங்க்ஷன் அப்டேட் ஃபர்ஸ்ட் ஒரே ஒரு பட்டனை மட்டும் வச்சுக்கலாம் ஒரே ஒரு பட்டனை மட்டும் வச்சுக்கலாம் ஃபங்க்ஷன் அப்டேட் இப்ப நான் என்ன பண்ண முடியும் எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ h1 டெக்ஸ்ட் கன்டென்ட் = ஜான் அப்படின்னு சொல்லி நான் டைரக்டா ஜான் சொல்லி டைப் பண்ண முடியும் இங்க இப்ப நான் இப்ப நான் அவுட்புட் பார்க்கிறப்ப எனக்கு நேம் ஜான்ன்னு இருக்கு ஜான கிளிக் பண்றப்ப ஜான்ன்னு சேஞ்ச் ஆகல எங்க மிஸ்டேக் பண்ணிருக்கோம் ஓகே நான் அப்டேட் ஃபங்க்ஷன கால் பண்ணல ஆன் கிளிக் = அப்டேட் ஓகே சோ இப்ப நான் இந்த ஜான் என்ற பட்டனை கிளிக் பண்றேன் எனக்கு ஜான்ன்னு சொல்லி மாறுது ஆனா கவனிங்க இங்க

எதனால ஜான்ன்னு மாறுதுன்னா இங்க ஜான்ன்னு சொல்லி நான் டைப் பண்ணிருக்கேன் ஆனா நான் என்ன பண்ணனும் இந்த பட்டனுக்குள்ள இருக்கிற இந்த ஜான் அப்படின்ற இந்த டெக்ஸ்ட்ட இங்க எடுத்து நான் இங்க போடணும் ஓகேவா நான் என்ன பண்ணலாம் ஃபர்ஸ்ட் நான் என்ன பண்ணலாம் வேர் பிடிஎ அப்படின்னு சொல்லி இந்த பட்டனை நான் செலக்ட் பண்ணலாம் ஓகேவா பிடிஎன்னு சொல்லி இந்த பட்டனை நான் செலக்ட் பண்ணி அதுக்கப்புறம் btn டெக்ஸ்ட் கண்டென்ட்ன்னு சொல்லி அந்த பட்டன்க்குள்ள இருக்கிற டெக்ஸ்ட் கண்டென்ட்ட நான் எடுக்கலாம் ஆனா இப்ப எனக்கு மூணு பட்டன் இருக்கு அப்படின்னா ஒவ்வொரு தடவையும் நான் பட்டனை எந்த பட்டன் கிளிக் ஆகுதுன்னு சொல்லி எனக்கு தெரியாது அந்த பட்டன்க்குள்ள இருக்கிற டெக்ஸ்டை பர்டிகுலரா என்னால எடுக்க முடியாது ஓகேவா சோ இப்ப நம்ம என்ன பண்ண போறோம் அப்படின்னா ஈவென்ட் அப்படின்னு சொல்லி

ஒரு ஆப்ஜெக்ட்ட பத்தி இப்ப நம்ம லேர்ன் பண்ண போறோம் அதாவது இப்ப நான் இந்த அப்டேட்குள்ள இங்க ஆன் கிளிக் அப்டேட்குள்ள ஈவென்ட் அப்படின்னு சொல்லி நான் ஒரு விஷயத்தை அனுப்புறேன் ஈவென்ட் அப்படின்னு சொல்லி ஒரு ஆப்ஜெக்ட்ட இங்க இருந்து நான் அனுப்புறேன் அந்த ஆப்ஜெக்ட்ட நான் இங்க வாங்கிக்கிறேன் ஓகேவா அதாவது நான் எப்பலாம் இந்த பட்டனை நான் கிளிக் பண்றேனோ அப்ப என்ன ஆகும் இந்த ஃபங்க்ஷன் கால் ஆகும் எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ இந்த ஃபங்க்ஷன் கால் ஆகும் இந்த ஃபங்க்ஷன் இங்க இருந்து இந்த ஃபங்க்ஷனை நம்ம கூப்பிடுறோம் இந்த ஃபங்க்ஷனை கூப்பிடுறப்ப அது கூடவே சேர்ந்து ஈவென்ட் அப்படின்ற இந்த ஆப்ஜெக்ட்டையும் அனுப்புறோம் ஓகேவா இந்த ஈவென்ட் அப்படின்ற ஆப்ஜெக்ட்டுக்குள்ள என்ன இருக்குன்னு சொல்லி பார்க்கலாம் இந்த ஈவென்ட் அப்படின்ற ஆப்ஜெக்ட்டுக்குள்ள கன்சோல் லாக் போட்டு ஈவென்ட்

போடுறேன் என்ன இருக்குன்னு சொல்லி பார்க்கலாம் நான் கன்சோல் ஓபன் பண்ணிக்கிறேன் இப்ப இந்த பட்டனை கிளிக் பண்றேன் பாருங்க எனக்கு ஒரு ஆப்ஜெக்ட் வருது இந்த ஈவென்ட் ஆப்ஜெக்ட் அப்படின்றது என்ன அப்படின்றப்ப இங்க பாருங்க இஸ் ட்ரஸ்டட் ஆல்ட் கீ பபுல்ஸ் கேன்சல் பபுள் கிளைன்ட் டெக்ஸ்ட் கிளைன்ட் ஒய் இந்த மாதிரி இந்த ஈவென்ட் ஆப்ஜெக்ட் குள்ள நிறைய நிறைய டேட்டா இருக்கு இது எல்லாமே என்ன அப்படின்னா ஈவென்ட் ஆப்ஜெக்ட்ட எதுக்கு பாஸ் பண்ணி இருக்கோம் பட்டன்ல இருந்து கிளிக் ஆகுறப்ப ஈவென்ட் ஆப்ஜெக்ட்ட பாஸ் பண்றோம் அப்போ இந்த ஈவென்ட் ஆப்ஜெக்ட் குள்ள என்னெல்லாம் இருக்கும் அப்படின்னா இந்த பட்டன் சம்பந்தமான எல்லா தகவல்களும் இந்த ஈவென்ட் ஆப்ஜெக்ட் குள்ள இருக்கும் இந்த ஈவென்ட் ஆப்ஜெக்ட் பிரவுசர் நமக்கு அனுப்புது பிரவுசர்ல இருந்து நம்ம நமக்கு ஜாவாஸ்கிரிப்ட்ல கிடைக்குது அந்த ஈவென்ட் குள்ள இந்த

பட்டன் சம்பந்தமான எல்லா டீடைலும் இருக்கு இந்த பட்டன் சம்பந்தமான எல்லா டீடைலும் இருக்கு அப்படின்னு நான் சொல்றப்ப இந்த பட்டன்க்குள்ள இருக்கிற இந்த டெக்ஸ்டோட டீடைலும் என்னோட யாருக்கு தெரியும் என்னோட இந்த ஈவென்ட் ஆப்ஜெக்ட்டுக்கு தெரியும் அதாவது இங்க பாருங்க இப்ப இங்க டார்கெட்ன்னு சொல்லி இங்க ஒரு வேல்யூ இருக்கு கரெக்டா இப்ப நான் இந்த டார்கெட்டை நான் இங்க எப்பலாம் நான் இந்த டார்கெட் மேல மௌஸ் வைக்கிறேனோ அப்ப எனக்கு அந்த பட்டன் செலக்ட் ஆகுது எப்பலாம் அந்த டார்கெட் மேல என்னோட மௌஸ் வைக்கிறேனோ அப்பலாம் அந்த பட்டன் செலக்ட் ஆகுது அப்ப எனக்கு அந்த டார்கெட் தான் வேணும் கன்சோல் லாக்ல ஈவென்ட்ன்னு மட்டும் பிரிண்ட் பண்ணாம இப்போ ஈவென்ட் டார்கெட்ன்னு பிரிண்ட் பண்றேன் இப்ப நான் ரெஃப்ரெஷ் பண்றேன் திரும்பவும் பட்டனை கிளிக் பண்றேன் பாருங்க ஈவென்ட் டார்கெட்ன்னு போடுறப்ப

எனக்கு அந்த பட்டன் கம்ப்ளீட்டா செலக்ட் ஆயிருச்சு அந்த குறிப்பிட்ட பட்டன் எனக்கு செலக்ட் ஆயிருச்சு இப்போ இந்த பட்டனுக்குள்ள இருக்கிற டெக்ஸ்டை நான் எடுக்கணும்னா என்ன பண்ணலாம் event டார்கெட் டெக்ஸ்ட் கன்டென்ட் இப்ப நான் ரெஃப்ரெஷ் பண்றேன் இப்ப பாருங்க அந்த பட்டனுக்குள்ள இருக்கிற டெக்ஸ்ட் கண்டென்ட்டே எனக்கு கிடைச்சிருச்சு இப்ப நான் டைரக்டா கன்சோல் லாக் போடாம h1 டெக்ஸ்ட் கண்டென்ட் = e1 டெக்ஸ்ட் கண்டென்ட் அப்படின்னு சொல்லி நான் போட்டுக்கலாம் இப்ப நான் இந்த பட்டனை கிளிக் பண்றேன் இப்ப எனக்கு ஜான் என்ற நேம் போய் என்னோட h1-ல ஸ்டோர் ஆயிருச்சு இப்ப அதே மாதிரி அகைன் முதல் இருந்த மாதிரியே மூணு பட்டன் கிரியேட் பண்ணி பண்ணுங்க மூணு பட்டன்ல இருக்கிற வேல்யூவும் எனக்கு போய் ஹெச் ஒன் ல ஸ்டோர் ஆகணும் ஜானுக்கு பதிலா இப்போ இங்க பிரவீன் கார்த்திக்

இப்ப நான் ரன் பண்ணி பார்க்கிறேன் ரெஃப்ரெஷ் பண்ணி ஜான் பிரவீன் கார்த்திக் சூப்பர் ஓகே கூல் சோ நம்ம ஃபோர்த் கொஸ்டினும் நம்ம இப்போ பண்ணியாச்சு அடுத்து நான் சொல்ற டாஸ்க்கை இப்ப நீங்க கம்ப்ளீட் பண்ணுங்க இப்போ h1 1 h1 2 h1 3 h1 4 h1 5 h1 6 இதோட அவுட்புட் போய் பார்த்தோம் அப்படின்னா 1 2 3 4 5 6ன்னு சொல்லி இருக்கு இப்போ உங்களுக்கான டாஸ்க் என்ன அப்படின்னா இப்ப நான் இந்த 2 வை கிளிக் பண்றப்ப இந்த 2 டெலீட் ஆகணும் இந்த த்ரீயை கிளிக் பண்றப்ப இந்த த்ரீ டெலீட் ஆகணும் இந்த 4 கிளிக் பண்றப்ப 4 டெலீட் ஆகணும் நான் 2வ கிளிக் பண்றப்ப 2 மட்டும்தான் டெலீட் ஆகணும் மத்தது எல்லாமே அப்படியே இருக்கணும் நான் 4 கிளிக்

பண்றப்ப 4 மட்டும்தான் டெலீட் ஆகணும் எல்லாம் அப்படியே இருக்கணும் ஓகேவா சோ இதை இப்போ பண்றதுக்கு ட்ரை பண்ணுங்க வீடியோவை பாஸ் பண்ணிட்டு எப்படி இதை பண்ணலாம் அப்படின்னு சொல்லி பண்ண ட்ரை பண்ணுங்க ட்ரை பண்ணிருப்பீங்கன்னு நினைக்கிறேன் ஓகே இப்ப நான் எல்லாத்தையும் எடுத்துறேன் h1-ல ஒரே ஒரு ஐடி மட்டும் போட்டுக்குறேன் ஐடி = 1ன்னு சொல்லி போட்டுக்குறேன் ஒரு பட்டன் கிரியேட் பண்ணிக்கிறேன் எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்ப இந்த h1 நான் வந்து டெலீட் பண்ணனும் ஓகேவா எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்பலாம் இந்த h1 நான் வந்து டெலீட் பண்ணனும் அதான் டாஸ்க் ஸ்கிரிப்ட் அப்ப நான் என்ன செலக்ட் பண்ணனும் ஃபர்ஸ்ட் அந்த h1 செலக்ட் பண்ணனும் கரெக்டா வேர் h1 = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி 1 அடுத்து ஒரு ஃபங்க்ஷன்

கிரியேட் பண்ண போறேன் ஃபங்க்ஷன் டெலீட் ஐட்டம்னு சொல்லி ஒரு ஃபங்க்ஷன் கிரியேட் பண்றேன் இங்க இந்த பட்டன்ல இருந்து இதை நான் கால் பண்ணிக்கிறேன் எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ டெலீட் ஐட்டம் அப்படின்ற இந்த ஃபங்க்ஷனை கால் பண்றேன் டெலீட் இப்ப நான் என்ன பண்ணலாம் h1 ரிமூவ் அப்படின்ற இந்த ஃபங்க்ஷனை நான் யூஸ் பண்ணேன் அப்படின்னா இந்த h1 என்னது டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி 1 அப்போ இதுதான் அந்த h1 அந்த h1 நான் இங்க செலக்ட் பண்ணிட்டேன் இப்ப நான் h1 ரிமூவ் அப்படின்னு சொன்னேன் அப்படின்னா இந்த h1 எனக்கு ரிமூவ் ஆயிரும் இப்ப நான் ரெஃப்ரெஷ் பண்றேன் ரெஃப்ரெஷ் பண்ணிட்டு இங்க எனக்கு ஒன் இந்த டெலீட்ன்ற பட்டனை கிளிக் பண்றேன் எனக்கு இப்ப அந்த ஒன் ரிமூவ் ஆயிருச்சு இதே ஒன் நான்

அந்த ஒன்னை கிளிக் பண்றப்ப ரிமூவ் ஆகணும் அப்படின்னா என்ன பண்ணுவேன் இந்த ஆன் கிளிக் மெத்தட் எடுத்து அப்படியே இந்த h1 குள்ள போடுறேன் இப்ப எனக்கு இந்த பட்டன் தேவையில்லை எப்பலாம் இந்த h1 கிளிக் ஆகுதோ எப்பலாம் இந்த h1 கிளிக் ஆகுதோ அப்ப ஆட்டோமேட்டிக்கா இந்த h1 வந்து டெலீட் ஆயிரும் இப்ப நான் ஒன் கிளிக் பண்றேன் ஆட்டோமேட்டிக்கா அந்த ஒன் வந்து டெலீட் ஆயிருது ஓகேவா சோ இப்போ அதே மாதிரி 1 2 3 4 5 6 2 3 4 5 6 இப்போ நான் ஒன்னு ஒன்னு கிளிக் பண்றப்போ ஒன்னு ஒன்னு டெலீட் ஆகணும் ரெஃப்ரெஷ் பண்ணிட்டு இப்ப நான் 3 கிளிக் பண்றேன் நான் 3 கிளிக் பண்ணாலும் ஒன்னு தான் டெலீட் ஆகுது 5 கிளிக் பண்றேன் 5 கிளிக் பண்ணாலும் ஒன்னு

தான் டெலீட் ஆகுது ஓகேவா இப்ப இங்க என்ன பிரச்சனைன்னு கண்டுபிடிச்சு இப்ப இங்க என்ன பிரச்சனைன்னு கண்டுபிடிச்சு சால்வ் பண்ணுங்க ஈவென்ட் ஆப்ஜெக்ட்ட யூஸ் பண்ணி எப்படி ஒவ்வொரு எலிமெண்ட்டா டெலீட் பண்றது அப்படின்னு சொல்லி பைண்ட் அவுட் பண்ணுங்க வீடியோவை பாஸ் பண்ணிட்டு ட்ரை பண்ணுங்க ட்ரை பண்ணுங்க பண்ணிருப்பீங்கன்னு நம்புறேன் ஓகே ஃபர்ஸ்ட் எல்லா எலிமெண்ட்க்கும் ஒரே ஐடி இருக்கக்கூடாது இது ஃபர்ஸ்ட் ஒரு தப்பான ஒரு சின்டாக்ஸ் எல்லா h1க்கும் ஒரு ஐடி இருக்கக்கூடாது ஃபர்ஸ்ட் நான் எல்லாத்தையும் கிளியர் பண்ணிடுறேன் இது எல்லாத்தையும் நான் கிளியர் பண்ணிடுறேன் இந்த ஐடியையும் நான் கிளியர் பண்ணிடுறேன் ஒவ்வொரு தடவையும் நான் h1 h1 கிளிக் ஆகுறது அப்ப நான் எதை கிளிக் பண்றேன்னு சொல்லி எனக்கு தெரியணும் அப்பதான் என்னால அதை டெலீட் பண்ண முடியும் எதை கிளிக் பண்றேனோ அதை பர்டிகுலரா செலக்ட் பண்ணி

அதை நான் டெலீட் பண்ணனும் கரெக்டா இப்ப இங்க நான் ஈவென்ட் ஆப்ஜெக்ட் யூஸ் பண்ண போறேன் இப்ப இந்த ஒன் குள்ள நான் ஈவென்ட் ஆப்ஜெக்ட் பாஸ் பண்றேன் இப்ப என்ன ஆகும் இந்த இடத்துல நான் இந்த ஈவென்ட் ஆப்ஜெக்ட்ட வாங்குறேன் h1 ரிமூவ்னு பண்றதுக்கு பதிலா டைரக்டா என்னால ஈவென்ட் டார்கெட் ரிமூவ் இப்படி என்னால கொடுக்க முடியும் இப்ப என்ன ஆகும் நான் இந்த ஒன் கிளிக் பண்றப்ப இந்த ஒன்னோட ஈவென்ட் எனக்கு ஜாவாஸ்கிரிப்ட்ல பாஸ் ஆகும் அப்போ இந்த ஒன்னோட ரெஃபரன்ஸ் எனக்கு கிடைக்கும் டைரக்டா அந்த ஒன்னை நான் டாட் ரிமூவ் ஈவென்ட் டார்கெட் ரிமூவ் அப்படின்னு கொடுக்கிறப்ப இந்த ஒன் எனக்கு டெலீட் ஆகுது அதே மாதிரி 2 3 4 5 6லாம் எப்படி டெலீட் பண்றது வீடியோ பாஸ் பண்ணிட்டு டெலீட் பண்ணி பாருங்க பண்ணிருப்பீங்கன்னு நினைக்கிறேன்

இங்க நான் அகைன் ஈவென்ட் அனுப்புறேன் திரும்பவும் நான் இங்கயும் ஒரு ஈவென்ட் ஒவ்வொரு எலிமெண்ட்டும் கிளிக் பண்றப்ப அந்த எலிமெண்ட்டோட ஈவென்ட்ட நான் பாஸ் பண்றேன் இப்ப நான் ரெஃப்ரெஷ் பண்ணிட்டு இப்ப நான் ஒன் கிளிக் பண்றேன் டெலீட் ஆகுது த்ரீ கிளிக் பண்றேன் டெலீட் ஆகுது 4 கிளிக் பண்றேன் டெலீட் ஆகுது 5 2 6 சூப்பர் பெண்டாஸ்டிக் சோ இப்போ நமக்கு ஓரளவு எப்படி அப்ண்ட் ஆகுது எப்படி டெலீட் ஆகுது எப்படி எலிமெண்ட் கிரியேட் ஆகுது இந்த மாதிரி விஷயங்கள் எல்லாமே இப்ப தெரிஞ்சிருச்சு இப்போ நெக்ஸ்ட் செக்ஷன்ல இது எல்லாத்தையும் வச்சு ஒரு டுடூ லிஸ்ட் கிரியேட் பண்ணி பார்க்க போறோம் ஓகே இந்த செக்ஷன்ல ஒரு டுடூ லிஸ்ட் எப்படி கிரியேட் பண்றது அப்படின்னு சொல்லி பார்க்க போறோம் இந்த ப்ராசஸ்ல நிறைய விஷயங்களை நம்ம கத்துக்க போறோம் ஓகே

சோ நம்ம ஸ்டார்ட் பண்ணலாம் ஸ்டார்டிங் வித் இன்னர் html இந்த இன்னர் htmlன்னா என்ன சோ இப்ப இதை நம்ம கோடோட எக்ஸ்பிளைன் பண்ணி பார்க்கலாம் நான் என்னோட விஷுவல் ஸ்டுடியோ கோடு ஓபன் பண்ணி பண்ணிக்கிறேன் ஓகே சோ இதுல நான் ஃபர்ஸ்ட் நான் டுடூட் அப்படின்னு சொல்லி நான் ஒரு ஃபைல் கிரியேட் பண்ணிக்கிறேன் டுடூட் ஓகே இதுக்குள்ள தான் இப்ப நான் என்னோட கோடிங்க பண்ண போறேன் ஓகே சோ ஃபர்ஸ்ட் நம்ம ஒன்னு ஒன்னா லேர்ன் பண்ணப்போறோம் ஃபர்ஸ்ட் இன்னர் html ன்னா என்ன நான் இங்க ஒரு h1 கிரியேட் பண்றேன் இந்த h1 குள்ள h1க்கு மேல ஒரு டிவ் கிரியேட் பண்றேன் இந்த டிவ்வுக்குள்ள எனக்கு ஒரு h1 இருக்கு ஓகேவா இதுக்குள்ள நான் ஹலோன்னு சொல்லி எழுதுறேன் இப்ப என்னோட ஜாவாஸ்கிரிப்ட்ல இங்க நான் ஐடி = 1ன்னு

சொல்லி போட்டுக்குறேன் சோ இப்ப நான் அந்த டிவ்வை செலக்ட் பண்றேன் வேர் டிவ் = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி 1 ஓகே அண்ட் தென் இப்ப நான் என்னோட கன்சோல் லாக்ல நான் டிவ்வ இப்ப என்ன பிரிண்ட் ஆகும் இந்த டேக் ஃபுல்லா பிரிண்ட் ஆகும் கரெக்டா சோ நம்ம செக் பண்ணி பார்க்கலாம் சோ இப்ப நான் கன்சோல் போறேன் டிவ் டேக் ஃபுல்லா பிரிண்ட் ஆகுது அந்த டிவ் டேக் குள்ள இருக்கிற h1 சேர்ந்து பிரிண்ட் ஆகுது கன்சோல்ல ஓகே குட் இப்ப நான் டிவ் டாட் டெக்ஸ்ட் கன்டென்ட்ன்னு போடுறேன் இப்போ என்ன ஆகும்னு நினைக்கிறீங்க இப்ப நான் டிவ் டெக்ஸ்ட் கண்டென்ட்ன்னு போடுறேன் இப்போ என்ன ஆகும்னு நினைக்கிறீங்க இப்ப நான் ரெஃப்ரெஷ் பண்றேன் எனக்கு உள்ள இருக்கிற ஹலோ மட்டும் பிரிண்ட் ஆயிருக்கு ஓகேவா டிவுக்குள்ள ஆக்சுவலா

என்ன இருக்கு h1 டேக் இருக்கு அந்த h1 டேக்கு உள்ள ஹலோ இருக்கு ஆனா நான் டிவ் டாட் டெக்ஸ்ட் கண்டென்ட்ன்னு போடுறப்ப இந்த டிவுக்கு உள்ள இருக்கிற h1க்கும் உள்ள இருக்கிற ஹலோ வந்து எனக்கு பிரிண்ட் ஆயிருக்கு இதே டிவ் டெக்ஸ்ட் கண்டென்ட்டுக்கு பதிலா இப்ப நான் டிவ் இன்னர் html ன்னு போடுறேன் டிவ் இன்னர் html ன்னு போடுறேன் கவனிங்க இப்ப என்ன நடக்குதுன்னு இப்ப எனக்கு உள்ள இருக்கிற அந்த h1 டேகோட சேர்ந்து வெளிய பிரிண்ட் ஆகுது ஓகேவா டெக்ஸ்ட் கன்டென்ட் அப்படின்றப்ப அது ஒரு டேகுக்கு உள்ள இருக்கிற டெக்ஸ்டோட மட்டும் டீல் பண்ணுது அதுவே இன்னர் html அப்படின்றப்ப html கூட சேர்ந்து டீல் பண்ணுது இப்போ இந்த ஹலோ எடுத்துறேன் இப்ப நான் இங்க ஹலோன்னு மட்டும் போடுறேன் இப்ப என்ன பிரிண்ட் ஆகும்னு நினைக்கிறீங்க h1

எடுத்துட்டேன் இப்ப நான் டிவ் இன்னர் html-ன்னு போடுறேன் இப்ப என்ன பிரிண்ட் ஆகும்னு நினைக்கிறீங்க இப்ப நான் ரெஃப்ரெஷ் பண்றேன் இப்ப உள்ள இருக்கிற டெக்ஸ்ட் மட்டும் எனக்கு பிரிண்ட் ஆகுது ஹலோன்னு சொல்லி சோ இன்னர் html யூஸ் பண்ணி என்னால ஒரு டேக்கு உள்ள இருக்கிற டெக்ஸ்டையும் எடுக்க முடியும் அந்த டெக்ஸ்ட் கூட ஒருவேளை html சேர்ந்து இருந்துச்சுன்னா அந்த html சேர்ந்து என்னால எடுக்க முடியும் ஓகே எப்போலாம் நீங்க html டேகோட சேர்ந்து வொர்க் பண்ணனும் html டேகோட சேர்ந்து இன்செர்ட் பண்ணனும் html டேகோட சேர்ந்து எடுக்கணும்னு நினைக்கிறீங்களோ அப்போ இந்த இன்னர் html யூஸ் பண்ணுவீங்க இல்ல எனக்கு டெக்ஸ்ட் மட்டும் போதும் அப்படின்னா நீங்க டெக்ஸ்ட் கண்டென்ட் யூஸ் பண்ணுவீங்க இப்ப நான் என்ன பண்ணலாம் இப்ப நான் டிவ் இன்னர் html = பாய்னு போடுறேன் இப்ப

என்ன ஆகும்னு நினைக்கிறீங்க இப்ப நான் ரெஃப்ரெஷ் பண்றேன் அந்த டிவ் வந்து பாய்ன்னு மாறிடுச்சு டிவ்வுக்குள்ள இருக்கிற டெக்ஸ்ட் வந்து பாயா மாறிருச்சு இதை டெக்ஸ்ட் கண்டென்ட் போட்டாலும் அதுதான் நடக்கும் ஆனா இப்ப நான் இங்க h1 டேக் போடுறேன் ஓகேவா இப்ப நான் இங்க h1 டேக் போடுறேன் இப்ப என்ன பிரிண்ட் ஆகும் இப்ப நான் இதை ரெஃப்ரெஷ் பண்றப்ப இதுக்கு முன்னாடி என்ன என்ன இருந்துச்சு டிவுக்குள்ள வெறும் பாய் மட்டும் இருக்கு இப்ப நான் டிவ் html = h1 டேகுக்குள்ள பாய் போட்டு இருக்கேன் இப்ப நான் ரெஃப்ரெஷ் பண்றேன் இப்ப எனக்கு அந்த h1 டேக் ஒரு h1 எலிமெண்ட்டா வருது h1 டேகா உள்ள வந்து ஆட் ஆயிருக்கு ஓகேவா பட் இதே டாட் இன்னர் htmlக்கு பதிலா டாட் டெக்ஸ்ட் கண்டென்ட்ன்னு போட்டேன் அப்படின்னா இப்ப என்ன

ஆகுதுன்னு பாருங்க இப்ப நான் ரெஃப்ரெஷ் பண்றேன் இப்ப எனக்கு அந்த h1 வெறும் டெக்ஸ்டா ஆட் ஆயிருக்கு ஓகே அகைன் ஒரு html கோடோட html ஓட அந்த பவரோட சேர்ந்து நீங்க இன்செர்ட் பண்ணனும்னு நினைச்சீங்க அப்படின்னா இன்னர் html யூஸ் பண்ணுவீங்க இல்லை எனக்கு டெக்ஸ்ட் மட்டும் போட்டா போதும்னு நினைச்சீங்கன்னா டெக்ஸ்ட் கண்டென்ட் யூஸ் பண்ணுவீங்க ஓகே இதுதான் இன்னர் html ஓட கான்செப்ட் இப்படித்தான் இன்னர் html நமக்கு வொர்க் ஆகுது ஓகே இன்னர் html அண்ட் டெக்ஸ்ட் கண்டென்ட் சோ இப்படித்தான் வொர்க் ஆகுது இன்செர்ட் html எலிமெண்ட் ஓகே ஓகே அடுத்து டிஃபரண்ட் வேஸ் ஆப் செலக்டிங் அன் எலிமெண்ட் வந்து நம்ம பார்க்க போறோம் இப்போ ஒரு எலிமெண்ட்ட நம்ம எப்படி செலக்ட் பண்றோம் ஐடி யூஸ் பண்ணி செலக்ட் பண்றோம் கரெக்டா அதுவே நம்ம ஐடி யூஸ் பண்ணாம

வேற வழியில செலக்ட் பண்ணலாம் அது எப்படி வேற வழியில செலக்ட் பண்றது இப்ப அதை நான் உங்களுக்கு சொல்றேன் இப்போ எனக்கு ஐடிக்கு பதிலா கிளாஸ்ன்னு இருக்குன்னு வச்சுக்கோங்க டிவ் கிளாஸ் = 1ன்னு இருக்குன்னு வச்சுக்கோங்க இப்ப நான் கன்சோல் லாக்ல டிவ்னு பிரிண்ட் பண்றேன் இப்ப எனக்கு பிரிண்ட் ஆகும்னு நினைக்கிறீங்களா ஆகாதுன்னு நினைக்கிறீங்களா நான் ரெஃப்ரெஷ் பண்றேன் என்னோட ஸ்கிரீனை கன்சோல்ல போய் பார்க்கிறேன் எனக்கு நல்ன்னு சொல்லி பிரிண்ட் ஆயிருக்கு இந்த இடத்துல document get element by id-ன்னு போட்டுருக்கேன் document get element by id1 அப்படின்னு நான் சர்ச் பண்றப்ப இங்க கிளாஸ் = 1-ன்னு சொல்லி இருக்கேன் ஆனா இங்க எலிமெண்ட்ட எதை யூஸ் பண்ணி கெட் பண்றேன் ஐடிய யூஸ் பண்ணி கெட் பண்றேன் இங்க ஐடின்னு ஐடி ஒன்னு சொல்லி எதுவுமே இல்லை அதனால இங்க

எனக்கு நல்ல ரிட்டன் ஆகுது இப்ப நான் இந்த மாதிரி நேரத்துல என்ன பண்ணலாம் அதாவது ஒரு கிளாஸ நான் செலக்ட் பண்ணனும்னு நினைக்கிறேன் அப்போ நான் என்ன பண்ணலாம் அப்படின்னு கேட்டீங்க அப்படின்னா டாக்குமெண்ட் குவரி செலக்டர் நம்ம யூஸ் பண்ணலாம் டாக்குமெண்ட் குவரி செலக்டர் யூஸ் பண்ணேன் அப்படின்னா இந்த குவரி செலக்டரை யூஸ் பண்ணி என்னால கிளாஸையும் செலக்ட் பண்ணிக்க முடியும் ஐடியும் செலக்ட் பண்ணிக்க முடியும் ஈவன் டேக் கூட செலக்ட் பண்ணிக்க முடியும் அதாவது டாக்குமெண்ட் குயிரி செலக்டர் ஒன்னு நான் இப்ப போட்டிருக்கேன் இப்ப எனக்கு அவுட்புட் வருமா அப்படின்னு சொல்லி பார்க்கலாம் இப்பயும் எனக்கு நல்லுன்னு தான் வருது ஏன்னா நான் ஆல்ரெடி சொன்ன மாதிரி இந்த குயரிஸ் செலக்டர் வச்சு என்னால ஒரு கிளாஸையும் செலக்ட் பண்ண முடியும் ஐடியையும் செலக்ட் பண்ண முடியும் அதே நேரத்துல டேகையும் செலக்ட்

பண்ண முடியும் அப்போ இந்த கொரி செலக்டர் கிட்ட நம்ம சொல்லணும் இந்த ஒன் அப்படின்றது கிளாஸ் இல்ல இந்த ஒன் அப்படின்றது ஐடி அப்படின்னு நான் மென்ஷன் பண்ணனும் அது எப்படி மென்ஷன் பண்ணுவேன் சிஎஸ்எஸ் ல எப்படி நம்ம ஸ்டைல் ஆட் பண்ணுவோம் டாட்ன்னு யூஸ் பண்ணுவோம் கிளாஸ் ஆட் பண்றதுக்கு ஹாஷ்ன்னு யூஸ் பண்ணுவோம் ஐடிய செலக்ட் பண்றதுக்கு அதே மாதிரி இப்போ இங்க டாட் ஒன்னு கொடுத்தேன் அப்படின்னா இப்ப நான் ரெஃப்ரெஷ் பண்றேன் இப்ப எனக்கு அந்த டிவ் வந்து செலக்ட் ஆயிடுச்சு இருக்கு ஓகேவா ஒரு கிளாஸ் செலக்ட் பண்ணனும் அப்படின்னா டாக்குமெண்ட் குயரி செலக்டர் ஒன்னு 1ன்னு போடுறோம் அப்படின்னா அப்ப அந்த கிளாஸ் செலக்ட் ஆகும் இதுவே இப்போ நான் இங்க h1 1 h1 2 இப்ப இந்த h1 டேக் செலக்ட் பண்ணனும்னா நான் என்ன பண்ணலாம்

இப்ப நான் சொல்லிட்டு நான் போட்டேன் அப்படின்னா நான் ரெஃப்ரெஷ் பண்றேன் எனக்கு நல் வருது அதுவே நான் வெறும் h1ன்னு போட்டேன் அப்படின்னா css ல இப்ப நான் டைரக்டா இந்த h1 css-ல ஸ்டைல் பண்ணனும்னா என்ன பண்ணுவேன் ஸ்டைல் டேக் ஓபன் பண்ணி h1ன்னு செலக்ட் பண்ணுவேன் இல்லையா அதே மாதிரி இந்த h1 நான் செலக்ட் பண்ணனும் ஜாவாஸ்கிரிப்ட்ல அப்படின்னா குவரி செலக்டரை யூஸ் பண்ணி டாக்குமெண்ட் குவைரி செலக்டர் h1ன்னு நான் போட்டேன் அப்படின்னா இப்ப என்ன செலக்ட் ஆகுதுன்னு பாருங்க அதே நேரத்துல ரெண்டு h1 இருக்கு h1-ல ஒன்னு இருக்கு இன்னொரு h1 h1-ல 2ன்னு இருக்கு இப்போ டிவ் = செல்ன்னு நான் போடுறப்ப இந்த h1 செலக்ட் ஆகுமா இல்ல அதுக்கு கீழ இருக்கிற இந்த h1 செலக்ட் ஆகுமா இல்ல ரெண்டுமே சேர்ந்து செலக்ட் ஆகுமா என்ன

நினைக்கிறீங்க ஓகே சோ இப்ப ரெஃப்ரெஷ் பண்றேன் எனக்கு ஃபர்ஸ்ட்ல இருக்குற h1 தான் பிரிண்ட் ஆகுது ஓகேவா சோ குறி செலக்டர் நம்ம யூஸ் பண்றப்ப ஒரே ஒரு எலிமெண்ட் தான் செலக்ட் பண்ணுது அதுவும் எந்த எலிமெண்ட் ஃபர்ஸ்ட்டா மேட்ச் ஆகுதோ அந்த எலிமெண்ட்ட தான் செலக்ட் பண்ணுது ஓகேவா இதை மைண்ட்ல வச்சுக்கோங்க ஹரிசால் மட்டும்தான் யூஸ் பண்ண முடியுமா அப்படின்னு கேட்டீங்கன்னா இல்லை இப்போ அடுத்து நான் இன்னொன்னு ஒன்னு சொல்லித்தரேன் h1 கிளாஸ் = ஓகே h1 கிளாஸ் = ஓகே h1 கிளாஸ் = ஓகே மூணு ஓகே இருக்கு திரும்பவும் இந்த இடத்துல நான் இப்போ டாட் ஓகேன்னு கொடுத்தேன்னா எனக்கு என்ன செலக்ட் ஆகும் டாட் ஓகேன்னு கொடுத்தேன்னா என்ன செலக்ட் ஆகும் ஃபர்ஸ்ட்ல எது எந்த ஓகே மேட்ச் ஆகுதோ அது எனக்கு செலக்ட் ஆகுது கரெக்டா இந்த

டாட் நிறைய டைம் நம்ம வைக்கிறதுக்கு மறக்குறதுக்கு நிறைய வாய்ப்பு இருக்கு அதனால ஒருவேளை உங்களுக்கு அவுட்புட் வரல அப்படின்னா செக் பண்ணி பாருங்க இந்த லைன் கரெக்டா பண்றீங்களா அப்படின்னு சொல்லி இப்போ நான் என்ன பண்ணனும் இந்த மூணு h1 இருக்கு இல்லையா மூணு h1 சேர்ந்து எனக்கு பிரிண்ட் ஆகணும் அதான் இப்ப எனக்கு டாஸ்க் அதை எப்படி நான் பண்றது மூணு h1 சேர்ந்து பிரிண்ட் ஆகணும் குறி செலக்டர் அப்படின்னா எனக்கு ஒரே ஒரு டேக் தான் பிரிண்ட் ஆகுது ஃபர்ஸ்ட் எது மேட்ச் ஆகுதோ அது மட்டும்தான் பிரிண்ட் ஆகுது ஆனா இப்ப எனக்கு எல்லாமே சேர்ந்து பிரிண்ட் ஆகணும்னு நினைக்கிறேன் அப்ப என்ன பண்ணலாம் குவரி செலக்டர் ஆல் யூஸ் பண்ணேன் அப்படின்னா இப்ப எனக்கு எல்லாமே சேர்ந்து பிரிண்ட் ஆகும் கவனிங்க இப்ப நான் ரெஃப்ரெஷ் பண்றேன் இப்ப எனக்கு

ஒரு நோட் லிஸ்ட் ரிட்டன் ஆகுது இந்த நோட் லிஸ்ட் அப்படின்றது அரே மாதிரி ஓகேவா அரே அப்படின்னா என்ன அரே அப்படின்னா ஒரு கலெக்ஷன் ஆஃப் டேட்டா இப்ப நான் உங்களுக்கு அரேவை பத்தி ஒரு குட்டி இன்ட்ரோடக்ஷன் கொடுக்க போறேன் ஓகே சோ இங்க நான் டுடூட் ஜேஎஸ் அப்படின்னு சொல்லி நான் ஜாவாஸ்கிரிப்ட் ஃபைல் வந்து ஓபன் பண்ணிக்கிறேன் வேர் கவனிங்க வேர் ஃப்ரூட் = ஆப்பிள்னு போடுறேன் வேர் ஃப்ரூட் = ஆப்பிள்னு போடுறேன் இப்ப இப்போ என்னோட டெர்மினல் நான் ஓபன் பண்ணிக்கிறேன் நியூ டெர்மினல் கவனிங்க டெர்மினல் ஓபன் பண்ண உடனே எந்த இடத்துல உங்களோட ஃபோல்டர் இருக்கு அப்படின்னு சொல்லி நீங்க செக் பண்ணிக்கோங்க டெஸ்க்டாப்குள்ள ஜாவாஸ்கிரிப்ட் youtube அப்படின்ற ஃபோல்டர்க்கு குள்ள நான் இங்க இருக்கேன் டெர்மினல்ல இங்க அதே மாதிரி இருக்கான்னு பார்த்துக்கோங்க ஜாவாஸ்கிரிப்ட் ஃபோல்டர்க்கு குள்ள ஜேஎஸ்

குள்ள உங்களோட ஃபோல்டர் வந்து இருக்கணும் ஓகேவா சோ இப்ப நான் இந்த இடத்துல நோட் நோட் 2js ன்னு போட்டா எனக்கு இது எக்ஸிகியூட் ஆகும் நான் கன்சோல்ல எதையுமே போடல இப்ப நான் கன்சோல்ல கன்சோல் ஃப்ரூட்ன்னு போடுறேன் இப்ப நான் இதை ரன் பண்றப்ப எனக்கு ஆப்பிள் வந்து பிரிண்ட் ஆகுது இப்ப எனக்கு நிறைய ஆப்பிள் இருக்குன்னு வச்சுக்கோங்க அது நிறைய ஃப்ரூட் இருக்குன்னு வச்சுக்கோங்க ஆப்பிள் மாதிரியே எனக்கு இப்போ ஆரஞ்சு இருக்கு அதே மாதிரி எனக்கு கிரேப் இருக்கு அதே மாதிரி எனக்கு பனானா இருக்கு இந்த மாதிரி நிறைய இருக்கு இது எல்லாத்தையும் எல்லாமே ஃப்ரூட்தான் கரெக்டா நார்மலா வீட்ல என்ன பண்ணுவோம் எல்லா பழத்தையும் ஒரு கூடையில போட்டு வைப்போம் கரெக்டா அதே மாதிரி இது எல்லாத்தையும் ஒரு கூடையில போட்டு வைக்கணும் அப்படின்னு சொல்லி நான் நினைக்கிறேன் அதாவது

இது எல்லாத்தையும் ஒரு பெரிய வேரியபிள்ல போட்டு வைக்கணும்னு சொல்லி நினைக்கிறேன் அங்கதான் அரை உள்ள வருது இப்படி நான் ஸ்கொயர் பிராக்கெட் போட்டேன் அப்படின்னா அது எனக்கு ஆட்டோமேட்டிக்கா அரைவா மாறிரும் ஓகே இந்த அரைக்குள்ள இப்ப நான் ஆப்பிள் ஆரஞ்சு கிரேப் கமா பனானா இந்த மாதிரி நான் எல்லாத்தையுமே போட்டுக்கலாம் இப்ப நான் கன்சோல் லாக்ல ஃப்ரூட்ன்னு பிரிண்ட் பண்றப்ப இப்ப நான் திரும்பவும் ரன் பண்றேன் ஆப்பிள் ஆரஞ்சு கிரேப் பனானா அப்படின்னு சொல்லி எனக்கு இருக்கு ஓகேவா சூப்பர் சோ இப்போ இதுல எனக்கு ஆப்பிள் மட்டும் வேணும் அப்படின்னு வச்சுக்கோங்களேன் எப்படின்னா இந்த எனக்கு இப்போ ஃப்ரூட்ன்னு போட்டா எல்லாமே பிரிண்ட் ஆகுது ஆனா எனக்கு எல்லாமே வேணாம் ஆப்பிள் மட்டும் வேணும் இல்லை ஆரஞ்சு ஆரஞ்சு மட்டும் வேணும் இல்லை கிரேப் மட்டும் வேணும் அப்படின்னா எப்படி நான் அதை மட்டும்

பர்டிகுலரா எடுக்குறது இந்த ஃப்ரூட்ல நான் ஒண்ணுன்னு போட்டேன் அப்படின்னா இப்போ இது ஒண்ணு ரெண்டு மூணு நாலு கரெக்டா நான் ஃப்ரூட்ல ஒண்ணுன்னு போட்டா எனக்கு ஆப்பிள் வரணும் இப்ப நான் ரன் பண்றேன் எனக்கு ஆரஞ்சு வந்திருக்கு இன்னொரு விஷயம் மைண்ட்ல ஃபிக்ஸ் பண்ணிக்கோங்க அரே எப்பவுமே ஜீரோல இருந்துதான் ஸ்டார்ட் ஆகும் இங்க ஆப்பிள்ன்றது 0 ஆரஞ்சுன்றது 1 கிரேப்ன்றது 2 பனானான்றது 3 0 1 2 3 ஓகேவா சோ இப்படித்தான் எனக்கு வந்து வொர்க் ஆகும் அடுத்து கன்சோல் லாக் ஃப்ரூட்ல 0ன்னு போடுறேன் இப்ப என்ன பிரிண்ட் ஆகும் ஆரஞ்சு பிரிண்ட் ஆகும் ஃபர்ஸ்ட் அதுக்கப்புறம் ஆப்பிள் பிரிண்ட் ஆகும் கரெக்டா சூப்பர் ஆரஞ்சு பிரிண்ட் ஆகுது அதுக்கப்புறம் எனக்கு ஆப்பிள் பிரிண்ட் ஆகுது அடுத்து அதே மாதிரியே நான் திரும்ப திரும்ப எல்லாமே நான் வந்து போட்டுட்டு இருக்கலாம் ஆனா

கவனிங்க ஒருவேளை எனக்கு ஒரு 1000 ஃப்ரூட் இருக்குன்னு வச்சுக்கோங்க அந்த 1000 ஃப்ரூட்டையும் நான் ஒன்னு ஒன்னா பிரிண்ட் பண்ணனும் அப்படின்னா ஃப்ரூட் ஆஃப் 0 ஃப்ரூட் ஆப் ஒன்னு ஃப்ரூட் ஆப் 2 ஃப்ரூட் ஆப் 3ன்னு சொல்லி என்னால மாத்திட்டு இருக்க முடியாது ஒன்னு ஒன்னா இப்போ இந்த இடத்துல நான் என்ன பண்ணலாம் லூப்பை நான் யூஸ் பண்ண போறேன் லூப் யூஸ் பண்ணி என்னோட அரைக்குள்ள இருக்கிற எல்லா வேல்யூவையும் நான் கெட் பண்ணிக்க போறேன் அரைக்குள்ள இருக்கிற எல்லா வேல்யூ லூப் யூஸ் பண்ணி நான் யூஸ் பண்ணிக்க போறேன் ஓகேவா லூப் நம்ம ஆல்ரெடி பார்த்தோம் லூப் எப்படி வொர்க் ஆகுது அப்படின்னு சொல்லி அதாவது ஃபார் ஃபர்ஸ்ட் இனிஷியலைஸ் பண்றேன் கவுண்ட் = 0 அடுத்து கண்டிஷன் சொல்றேன் எதுவரைக்கும் போகணும் அப்படின்னு சொல்லி கவுண்ட் லெஸ் தன் ஆர்

= 5 அஞ்சு வரைக்கும் போகணும் அடுத்து கவுண்ட் = கவுண்ட் +1 ஓகேவா இந்த மாதிரி நான் பார் லூப் வந்து கிரியேட் பண்ணிட்டு இப்ப நான் கன்சோல் லாக்ல கவுண்ட்ன்னு நான் போட்டேன் அப்படின்னா இப்ப எனக்கு என்ன பிரிண்ட் ஆகும் 0ல இருந்து 1 2 3 4 5 வரைக்கும் பிரிண்ட் ஆகுது ஏன்னா 0 இருக்கு ஃபர்ஸ்ட் அதுக்கப்புறம் என்னவாகுது அந்த 0 அகைன் எனக்கு வந்து ஒன்னா மாறுது அடுத்து ஒன்னு என்னவா மாறுது 2 3 நாலு அஞ்சு ஆறு ஏழு எட்டுன்னு சொல்லி எனக்கு ஒன்னு ஒன்னா ஒவ்வொரு டைமும் லூப் ரன் ஆக ரன் ஆக எனக்கு இன்கிரிமெண்ட் ஆகிக்கிட்டே இருக்கு ஓகேவா சோ இப்போ அதுவே ஜீரோ இல்லாம ஒன் போட்டேன்னா இப்ப நான் இதை ரன் பண்ணி பண்றப்ப 1 2 3 4 5ன்னு

வருது ஓகே சோ அகைன் குயிக்கா உங்களுக்கு நான் எக்ஸ்பிளைன் பண்ணிடுறேன் இன் கேஸ் லூப் இப்ப இந்த லூப்ல 0 1 2 3ன்னு இருக்கு இது வந்து அரைல இருக்கு இந்த லூப் ஸ்டெப் ஒன்ல என்னவா இருக்கு ஒன்னா இருக்கு ஸ்டெப் டூ ல 2 இருக்கு ஸ்டெப் 3-ல 3 4 5 அப்படின்னு சொல்லி 5 வரைக்கும் வருது கரெக்டா இப்போ கவனிங்க இதையும் இதையும் நம்ம ஒண்ணா சேர்க்க போறோம் ஃப்ரூட் ஆப் 0ன்னு போட்டா எனக்கு ஆப்பிள் கிடைக்குது அப்ப நான் இந்த இடத்துல கன்சோல் லாகு பதிலா ஃப்ரூட் ஆப் கவுண்ட்ன்னு போட்டேன் அப்படின்னா ஃபர்ஸ்ட் என்ன கிடைக்கும் ஃப்ரூட் ஆப் 0 ஃப்ரூட் ஆப் 1 ரூட் ஆப் 2 √3 ஏன்னா இங்க 3 வரைக்கும் தான் இருக்கு எனக்கு 0 1 2 3 அப்போ

இந்த இடத்துல <=5க்கு பதிலா <=3ன்னு நான் போடுவேன் கவுண்ட் = 1க்கு பதிலா கவுண்ட் வந்து 0ன்னு போடுவேன் ஓகேவா சோ இப்ப நான் என்ன பண்றேன் பண்ணப்போறேன் அகைன் கன்சோல் லாக்லயே ஃப்ரூட் ஆஃப் கவுண்ட்ன்னு சொல்லி நான் போடப்போறேன் கவுண்ட் = 0 கவுண்ட் லெஸ் தன் ஆர் = 3 ஏன்னா 0 1 2 3 மூணு எலிமெண்ட் இருக்கு இப்ப நான் ரன் பண்றேன் பாருங்க இப்ப எனக்கு ஆப்பிள் ஆரஞ்சு கிரேப் பண்ணான்னு சொல்லி வந்துருச்சு இதுவே கவுண்ட் லெஸ் தன் ஆர் = 4ன்னு போட்டேன்னா என்ன ஆகும் அன்டிஃபைன் வருது ஏன்னா லூப் எத்தனை எத்தனை டைம் ரன் ஆகும் இப்போ 0 1 2 3 4 டைம் லூப் ரன் ஆகும் ஆனா இங்க ஃபோர்த் எலிமெண்ட் இருக்கா ஃப்ரூட் ஆஃப் கவுண்ட் ஃப்ரூட் ஆப்

4 இருக்கா 1 2 0 1 2 3 வரைக்கும் தான் இருக்கு ஃப்ரூட் ஆப் 4 இல்ல அதனால எனக்கு இங்க அன்டிபைன் வந்திருக்கு ஓகேவா இப்படித்தான் நம்ம லூப்பை யூஸ் பண்ணி அரைல உள்ள எலிமெண்ட் எல்லாத்தையும் நம்ம பிரிண்ட் பண்றோம் இது உங்களுக்கு இப்போ அண்டர்ஸ்டாண்ட் ஆயிருக்கும் அப்படின்னு சொல்லி நான் நம்புறேன் இந்த இடத்துல லெஸ் தன் ஆர் = 4 அப்படின்னு போடுறதுக்கு பதிலா நான் என்ன பண்ணலாம் இந்த இடத்துல நான் என்ன போடணும் இந்த அறையோட லென்த் என்னவோ அதை தான் போடணும் கரெக்டா நான் கன்சோல் லாக்ல ஃப்ரூட் டாட் லென்த் அப்படின்னு போட்டேன் அப்படின்னா இப்ப பாருங்க அரையோட சைஸ் என்னன்னு எனக்கு வந்துருச்சு அரையோட சைஸ் என்ன 4 கவனிங்க உள்ள இருக்கிற எலிமெண்ட் பொசிஷன் வேற அதே அந்த அரையோட சைஸ் வேற நார்மலா

1 2 3 4 உள்ள நாலு எலிமெண்ட் இருக்கு ஆனா ஒவ்வொரு எலிமெண்ட்டும் எந்த பொசிஷன்ல ஆரம்பிக்குது 0 1 2 3ன்னு சொல்லி ஆரம்பிக்குது இப்ப இந்த இடத்துல நான் ஃப்ரூட் டாட் லென்த்ன்னு சொல்லி போடுறேன் அப்போ ஃப்ரூட் டாட் லென்த் என்ன 4 ஃப்ரூட் டாட் லென்த் என்ன 4 இப்ப நான் இதை ரன் பண்ணேன் அப்படின்னா திரும்பவும் எனக்கு அன்டிபைன்னு சொல்லி வருது இங்க என்ன நடக்குது இப்ப நான் எக்ஸ்பிளைன் பண்றேன் உங்களுக்கு 0 1 2 3 ஓகேவா ஃப்ளூட் டாட் லென்த் 4 அப்போ <=4 0ன்றப்ப ரன் ஆகுது ஒன்னுன்றப்ப ரன் ஆகுது ரெண்டுன்றப்ப ரன் ஆகுது மூணுன்றப்ப ரன் ஆகுது நாலுன்றப்பயும் ரன் ஆகும் ஏன்னா லெஸ் தன் ஆர் = 4 சைஸ் என்ன 4 அப்போ இந்த இடத்துல என்னன்னா <= போடாம

லெஸ் தன் அப்படின்னு சொல்லி நான் போடலாம் அப்போ மூணோட ஸ்டாப் ஆயிரும் 4 < 4 அப்படின்னு எனக்கு கண்டிஷன் வர்றப்ப 4 < 4ன்னு கேட்டா கிடையாது அப்ப எனக்கு ப்ரோக்ராம் ஸ்டாப் ஆயிரும் என்னோட ப்ரோக்ராம் எனக்கு கரெக்டா வொர்க் ஆகும் இங்க நான் லெஸ் தன் ஆர் = எடுத்து லெஸ் தன்னு போடுறேன் உங்களுக்கு புரியல அப்படின்னா நோட்ல நீங்க ரன் பண்ணி பாருங்க ஓகேவா நோட்ல எழுதி பாருங்க ஃபர்ஸ்ட் ஸ்டெப் செகண்ட் ஸ்டெப் தேர்ட் ஸ்டெப் அப்படின்னு சொல்லி ஒவ்வொரு தடவையும் லூப் ரன் ஆகுறப்ப என்ன மாற்றம் நடக்குது என்ன அவுட்புட் வருது அப்படின்னு சொல்லி நோட்ல எழுதி பாருங்க அப்ப உங்களுக்கு புரியும் ஓகே எப்படி இந்த அரே ஒர்க் ஆகுதோ அதே மாதிரிதான் இங்க நோட் லிஸ்ட்டும் ஒர்க் ஆகுது ஓகே சோ இப்ப நான் திரும்ப

இந்த ஓகே டெர்மினல் நான் வந்து க்ளோஸ் பண்ணிடுறேன் இப்ப நான் அவுட்புட் போய் ரன் பண்ணி பார்க்கிறேன் அவுட்புட்ல எனக்கு ஒரு நோட் லிஸ்ட் கிடைச்சிருக்கு இதுக்குள்ள மூணு எலிமெண்ட் இருக்கு ஜீரோத் பொசிஷன்ல இந்த ஒன்னு இருக்கு செகண்ட் பொசிஷன்ல 2 இருக்கு தேர்ட் பொசிஷன்ல 3 இருக்கு ஓகேவா இப்ப நான் இதுவே இந்த இடத்துல டிவ் ஆஃப் 0 அப்படின்னு சொல்லி நான் போட்டேன் அப்படின்னா இப்ப எனக்கு என்ன பிரிண்ட் ஆகும் நான் ரெஃப்ரெஷ் பண்றேன் எனக்கு ஃபர்ஸ்ட் எலிமெண்ட் பிரிண்ட் ஆயிருக்கு அடுத்து டிவ் ஆப் 1 போட்டேன் அப்படின்னா இப்ப எனக்கு என்ன பிரிண்ட் ஆகும் செகண்ட் பிரிண்ட் ஆயிருக்கு அடுத்து டிவ் ஆஃப் 3 போட்டேன் அப்படின்னா இப்ப எனக்கு என்ன பிரிண்ட் ஆகும் எதுவுமே பிரிண்ட் ஆகாது ஏன்னா 0 1 2 எலிமெண்ட்டோட சைஸ் 3 தான்

ஆனா பொசிஷன் என்னவா இருக்கு 0 1 2 வரைக்கும் தான் இருக்கு அப்ப நான் இந்த இடத்துல 2 போட்டேன்னா எனக்கு வந்து தேர்ட் ஒன் பிரிண்ட் ஆகும் ஓகே சூப்பர் இப்போ எல்லாத்தையுமே பிரிண்ட் பண்ணனும் ஃபார் லூப் வச்சு அப்படின்னா எப்படி பிரிண்ட் பண்ணுவேன் ஃபார் கவுண்ட் கவுண்ட் = 0 கவுண்ட் லெஸ் தேன் டிவ் டாட் லென்த் கவுண்ட் = கவுண்ட் +1 இப்ப நான் கன்சோல் லாக்ல டிவ் ஆஃப் கவுண்ட் போட்டு அப்படின்னா இப்ப எனக்கு என்ன பிரிண்ட் ஆகும் எல்லா எலிமெண்ட்டும் ஒன்னு ஒன்னா பிரிண்ட் ஆகும் கவனிங்க பாருங்க 1 2 3 இப்ப எல்லா எலிமெண்ட்க்குள்ளயும் உள்ள டெக்ஸ்ட் மட்டும் எனக்கு வேணும் அப்படின்னா நான் என்ன பண்ணலாம் டாட் டெக்ஸ்ட் கன்டென்ட் அதாவது இங்க எனக்கு h1 கிடைச்சிருச்சு h1 எலிமெண்ட் எனக்கு கிடைச்சிருச்சு அதுக்குள்ள

இருக்கிற டெக்ஸ்ட் கண்டென்ட் வேணும்னா டாட் டெக்ஸ்ட் கன்டென்ட் இப்ப நான் ரெஃப்ரெஷ் பண்ணி பார்க்கிறேன் சூப்பர் 1 2 3ன்னு சொல்லி எனக்கு தனித்தனியா வந்துருச்சு ஓகே இப்ப உங்களுக்கு இது நல்லாவே புரிஞ்சிருக்கும்னு நினைக்கிறேன் எந்த மாதிரி வொர்க் ஆகுதுன்னு சொல்லி ஒருவேளை புரியலைன்னா அகைன் ஒரு தடவை இந்த வீடியோவை பார்த்து அண்டர்ஸ்டாண்ட் பண்ணிக்க ட்ரை பண்ணுங்க ஓகேவா எப்படி ஃபார் லூப்ப நம்ம இது கூட சேர்ந்து சேர்த்து வச்சு நம்ம வொர்க் பண்றோம் அப்படின்னு சொல்லி அண்டர்ஸ்டாண்ட் பண்ணிக்க ட்ரை பண்ணுங்க ஓகே சோ இந்த மாதிரிதான் குவரி செலக்டர் ஆல் வந்து ஒர்க் ஆகுது குறி செலக்டர் ஆல் போடுறப்ப எல்லா டேட்டாவுமே நமக்கு கிடைக்குது அதுக்கப்புறம் அந்த எல்லா டேட்டாவையும் நம்ம தனித்தனியா எடுத்து நம்ம வந்து ரன் பண்ணி பார்க்கிறோம் ஓகே சூப்பர் சோ அதே மாதிரிதான் கெட் எலிமெண்ட்

பை கிளாஸ் நேம் கெட் எலிமெண்ட்ஸ் பை கிளாஸ் நேம் அப்படின்றப்ப பர்டிகுலரா குவரி செலக்டர் ஆல்ல வந்து நம்ம டாட் கிளாஸ்ன்னு சொல்லி போடுறோம் அதே கெட் எலிமெண்ட்ஸ் பை கிளாஸ் நேம்ல டைரக்டா நீங்க கிளாஸ் நேம் மட்டும் போட முடியும் டாட் போடாம அதே மாதிரி கெட் எலிமெண்ட்ஸ் பை டேக் நேம்ல டைரக்டா டேக் நேம் மட்டும் போட முடியும் ஓகேவா சோ மத்த விஷயங்களை எக்ஸ்ப்ளோர் பண்ணி பாருங்க நம்ம இப்போ அடுத்த விஷயத்துக்கு போலாம் ஓகே எப்படி ஒரு எலிமெண்ட்ட கிரியேட் பண்றது அப்படின்றதை நம்ம ஆல்ரெடி பார்த்திருக்கோம் டாக்குமெண்ட் கிரியேட் எலிமெண்ட் அப்படின்னு சொல்லி நம்ம போடுறப்ப நமக்கு ஒரு எலிமெண்ட் கிரியேட் ஆகும் அதாவது ஒரு டேக் நமக்கு கிரியேட் ஆகும் ஓகே சோ இது இப்படித்தான் நம்ம வந்து எலிமெண்ட் கிரியேட் பண்ணுவோம் அடுத்து எப்படி அப்ண்ட் யூஸ்

பண்றது அப்படின்னு சொல்லி நம்ம பார்த்தோம் ஒரு டிவுக்குள்ள அப்ண்ட் யூஸ் பண்ணோம் அப்படின்னா அடுத்தடுத்து கீழ ஆட் ஆகும் கரெக்டா இப்போ பிரிப்பண்ட்னா என்ன இன்செர்ட் அட்ஜசென்ட் html என்ன இதை எல்லாத்தையும் இப்ப நம்ம பார்க்க போறோம் ஓகே இது எல்லாத்தையும் நான் கிளியர் பண்ணிக்கிறேன் இங்க நான் ஒரு டியூவ் கிரியேட் பண்ணிக்கிறேன் இந்த டிவுக்கு ஒரு ஐடி செலக்ட் பண்ணிக்கலாம் ஓகே நம்ம இப்போ குவேரி செலக்டர் யூஸ் பண்ணி பழகுவோம் அப்பதான் உங்களுக்கு பிராக்டிஸ் ஆகும் அடுத்து இதுக்குள்ள ஒரு h1 h1 எலிமெண்ட் வச்சுக்கலாம் 1 அப்படின்னு சம்திங் ஜான் வச்சுக்கலாம் இப்ப நான் வேர் டிவ் = டாக்குமெண்ட் கொரி செலக்டர் டிவ் அப்படின்னு போட்டேன்னா எனக்கு இப்போதைக்கு என்னோட html-ல ஒரே ஒரு டிவ் தான் இருக்கு அப்ப எனக்கு இந்த டிவ் தான் செலக்ட் ஆகும் ஓகேவா இப்ப

நான் என்ன பண்ண போறேன் டிவ் டாட் அப் அண்ட் ஹலோ டிவ் டாட் அப் அண்ட் ஹலோ அப்ப இந்த ஹலோ வந்து எனக்கு எங்க பிரிண்ட் ஆகும்னு நினைக்கிறீங்க இப்ப நான் இதை ரெஃப்ரெஷ் பண்றேன் எனக்கு இந்த ஹலோ ஜானுக்கு அப்புறம் பிரிண்ட் ஆயிருக்கு கரெக்டா இந்த ஹலோ ஜானுக்கு அப்புறம் பிரிண்ட் ஆயிருக்கு நான் திரும்பவும் கண்ட்ரோல் சி கொடுத்து திரும்பவும் இப்ப நான் இப்படி பண்ணா என்ன ஆகும்னு நினைக்கிறீங்க இப்ப நான் ரெஃப்ரெஷ் பண்றேன் எனக்கு அடுத்தடுத்த ஹலோ வந்து பக்கத்துல அடுத்தடுத்து வருது ஜானுக்கு அப்புறம் ஹலோ வந்திருக்கு திரும்ப அடுத்த ஹலோ இந்த ஹலோக்கு அடுத்து அடுத்து வந்திருக்கு இதுதான் அப்பண்ட் ஓகேவா எனக்கு ஒரு எலிமெண்ட்க்கு அப்புறம் நான் செலக்ட் பண்ணி இருக்கிற எலிமெண்ட் என்ன கவனிங்க அப்பண்ட் அப்படின்றப்ப ஃபர்ஸ்ட் நான் டிவ் செலக்ட் பண்ணியிருக்கேன் இந்த

டிவுக்கு உள்ள அப்பண்ட் ஆகப்போகுது அப்போ இந்த டிபுக்குள்ள லாஸ்ட்ல அப்பண்ட் ஆகும் கடைசில அப்பண்ட் ஆகும் இப்ப இங்க எனக்கு திரும்ப இன்னொரு h1 இருக்குன்னா நான் திரும்ப அப்பண்ட் பண்றப்ப இங்க அப்பண்ட் ஆகும் திரும்ப இங்க அப்பண்ட் ஆகும் இந்த மாதிரி எனக்கு கீழ கீழ அப்பண்ட் ஆகும் அதுவே அப்பண்டுக்கு பதிலா நான் இப்போ டிவ் டாட் பிரிபன்ட் போட்டேன் அப்படின்னா இப்ப நான் இதை ரன் பண்றப்ப எங்க ரன் ஆகும் எனக்கு இப்போ மேல ஆட் ஆகுது ஹலோ ஓகேவா மோஸ்ட் கேசஸ்ல நம்ம பிரிப்பன்ட் அதிகமா யூஸ் பண்ண மாட்டோம் சம்டைம்ஸ் யூஸ் ஆகலாம் ஓகே ஸ்டில் கத்துக்கோங்க அடுத்து இன்செர்ட் அட்ஜசென்ட் எலிமெண்ட் ஓகே இன்செர்ட் அட்ஜசென்ட் எலிமெண்ட் இதுல ரெண்டு விஷயம் இருக்கு கவனிங்க ஃபர்ஸ்ட் நம்ம அதே மாதிரி எலிமெண்ட்ட செலக்ட் பண்ணிக்க போறோம் இதுக்குள்ள ஃபர்ஸ்ட்

நம்ம வேல்யூஸ் செட் பண்ண போறோம் பிபோர் பிகின் h1 எலிமெண்ட் ஆஃப்டர் பிகின் h1 எலிமெண்ட் அதாவது எந்த இடத்துல எலிமெண்ட் பிளேஸ் ஆகணும் இது ஃபர்ஸ்ட் நம்ம எந்த இடத்துல எலிமெண்ட் பிளேஸ் ஆகணும்னு சொல்லி மென்ஷன் பண்ணனும் அடுத்து எந்த எலிமெண்ட் பிளேஸ் ஆகணும்னு சொல்லி நம்ம மென்ஷன் பண்ணனும் இப்ப நான் உங்களுக்கு பண்ணி காட்டுறேன் டாட் இன்செர்ட் அட்ஜசென்ட் எலிமெண்ட் ஃபர்ஸ்ட் கவனிங்க இந்த இடத்துல என்னால நாலு அட்ரிபியூட் ஆட் பண்ண முடியும் ஆஃப்டர் பிகின் ஆஃப்டர் எண்ட் பிபோர் பிகின் பிபோர் எண்ட் ஓகே ஃபர்ஸ்ட் நம்ம பிபோர் பிகின் ட்ரை பண்ணி பார்க்கலாம் ஃபர்ஸ்ட் எந்த இடத்துலன்னு சொல்லி சொல்லிட்டேன் அடுத்து என்ன எலிமெண்ட் ஆட் ஆகணும் அப்படின்னு சொல்லி நான் சொல்றேன் ஹலோ அப்படின்னு சொல்லி நான் போட்டிருக்கேன் ஓகேவா இங்க ரெண்டு எலிமெண்ட் வச்சுக்கலாம் நமக்கு பெட்டர்

அண்டர்ஸ்டாண்டிங்க்காக இங்க பிரவீன்னு சொல்லி போட்டுக்குறேன் ஓகேவா ஓகே சோ இப்ப நான் ரன் பண்ண போறேன் ரன் பண்றதுக்கு முன்னாடி நான் இப்ப உங்களுக்கு எலிமெண்ட்ட ஷோ பண்றேன் இந்த மாதிரி எலிமெண்ட்ஸ் இருக்கு ஓகேயா இப்ப நான் இன்செர்ட் அட்ஜசென்ட் எலிமெண்ட் பிபோர் பிகின் ஹலோ இப்ப நான் இப்ப நான் இந்த கோட பாருங்க இந்த கோடுல என்ன சேஞ்சஸ் நடக்குதுன்னு சொல்லி பாருங்க இப்ப நான் ரெஃப்ரெஷ் பண்றேன் இங்க ஹலோன்றது எனக்கு வெளிய அவுட்புட்ல ஓகே எரர் வருது ஏன் எரர் வருது அப்படின்னா கவனிங்க நம்ம என்ன ஆட் பண்றோம் எலிமெண்ட் ஆட் பண்றோம் இன்செர்ட் அட்ஜசென்ட் எலிமெண்ட் அப்பனா எலிமெண்ட்ட கிரியேட் பண்ணி அப்ப பண்ணனும் சோ வேர் h1 = டாக்குமெண்ட் கிரியேட் எலிமெண்ட் h1 h1 நான் கிரியேட் பண்ணிக்கிறேன் அந்த h1 குள்ள ஹலோன்னு சொல்லி நான்

போட்டுக்கிறேன் இப்போ இந்த இடத்துல அந்த h1 நான் பாஸ் பண்றேன் ஓகே சோ இப்ப நான் ரன் பண்றேன் ரெஃப்ரெஷ் பண்ண போறேன் கவனிங்க இப்ப நான் ரெஃப்ரெஷ் பண்றப்ப பாருங்க நம்ம செலக்ட் பண்ண டிவ் இது கரெக்டா நம்ம செலக்ட் பண்ண டிவ் இதுதான் நம்ம இந்த டிவ்வை செலக்ட் பண்ணி இருக்கோம் அதாவது இந்த டிவ்வ நான் என்ன சொல்லி இருக்கேன் இன்செர்ட் அட்ஜசென்ட் எலிமெண்ட் பிபோர் பிகின் அதாவது இந்த டிவ் ஆரம்பிக்கிறதுக்கு முன்னாடி ஆட் பண்ணு அப்படின்னு சொல்லி சொல்லி இருக்கேன் அப்போ இந்த டிவ் ஆரம்பிக்கிறதுக்கு முன்னாடியே இந்த h1 அலோன்றது எனக்கு ஆட் ஆகுது அதே மாதிரி இந்த மாதிரி நிறைய அட்ரிபியூட் இருக்கு அடுத்து பிபோர் பிகினுக்கு பதிலா ஆஃப்டர் எண்ட் அப்படின்னா எனக்கு எங்க எங்க ஆட் ஆகும் நான் ரெஃப்ரெஷ் பண்றேன் ஆஃப்டர் எண்ட் அப்படின்றப்ப

இந்த டிவுக்கு அப்புறமா ஆட் ஆகுது அடுத்து ஆஃப்டர் பிகின் அப்படின்றது இது எனக்கு பிரிப்பன் மாதிரி ஒர்க் ஆகும் கவனிங்க டிவுக்குள்ள ஆட் ஆகுது ஆனா டிவுக்குள்ள ஃபர்ஸ்ட் ஆட் ஆகுது அடுத்து பிபோர் எண்ட் இப்போ இது எனக்கு அப்பன் மாதிரி ஒர்க் ஆகுது கடைசில ஓகேவா சோ இந்த மாதிரி நம்ம அப்பன் பிரிபர்ன்ட் இன்செர்ட் அட்ஜசென்ட் எலிமெண்ட் யூஸ் பண்ணி நம்ம எலிமெண்ட்ஸ எங்க வேணுமோ அந்த இடத்துல நம்ம பிளேஸ் பண்ணிக்கலாம் ஓகே சூப்பர் நெக்ஸ்ட் எப்படி ஒரு எலிமெண்ட்ட டெலீட் பண்றது நம்ம இதை ஆல்ரெடி பார்த்தோம் டாட் ரிமூவ் அப்படின்னு நம்ம யூஸ் பண்றப்ப நம்மளோட எலிமெண்ட் வந்து ஆட்டோமேட்டிக்கா டெலீட் ஆயிரும் இப்ப நம்ம ஒரு டுடூ லிஸ்ட்ட ஸ்கிராட்ச்ல இருந்து நம்ம மேக் பண்ண போறோம் ஐ ஹோப் யூ கைஸ் ஆர் ரெடி ஓகே சோ லெட்ஸ்

பிகின் இப்ப நான் எல்லாத்தையுமே கிளியர் பண்ணிடுறேன் இப்போ ஃபர்ஸ்ட் எனக்கு என்ன வேணும் ஒரு இன்புட் டேக் வேணும் அடுத்து ஒரு பட்டன் வேணும் ஆட் நான் இந்த பட்டனை கிளிக் பண்ண கிளிக் பண்ண ஒரு அன் ஆர்டர் லிஸ்ட் கிரியேட் பண்ணிக்கிறேன் இந்த அன் ஆர்டர் லிஸ்ட் குள்ள ஒரு லிஸ்ட் கிரியேட் பண்ணிக்கிறேன் ஹலோ அண்ட் இந்த லிஸ்ட் கூடவே ஒரு டெலீட் பட்டன் வந்து நான் கிரியேட் பண்ணிக்கிறேன் டெலீட் இப்ப இதோட அவுட்புட் பார்க்கலாம் காப்பி பாத் பேஸ்ட் பாருங்க இங்க எனக்கு ஒரு இன்புட் பாக்ஸ் இருக்கு ஆட்ன்னு பட்டன் இருக்கு அன் ஆர்டர் லிஸ்ட் கிரியேட் பண்ணிருக்கேன் அதுக்குள்ள ஒரு லிஸ்ட் இருக்கு அந்த லிஸ்ட்டுக்குள்ள ஒரு டெலீட்ன்னு பட்டன் இருக்கு இப்ப நான் இதுக்குள்ள ஏதாவது நான் என்டர் பண்ணி நான் ஆட்ன்னு கிளிக் பண்றப்ப எனக்கு இந்த

ஹலோக்கு கீழ புதுசா அந்த எலிமெண்ட் வந்து ஆட் ஆகணும் இதுதான் இப்போ டாஸ்க் ஓகேவா ஃபர்ஸ்ட் ஒரு ஃபங்க்ஷன் நான் கிரியேட் பண்ண போறேன் ஓகே ஃபர்ஸ்ட் ஜாவாஸ்கிரிப்ட் நம்ம ஆட் பண்ணனும் இல்லையா ஸ்கிரிப்ட் ஃபங்க்ஷன் ஆட் எப்பலாம் அந்த பட்டன் கிளிக் ஆகுதோ அப்ப நான் ஆட் பண்ண போறேன் எதுக்குள்ள எதை ஆட் பண்ண போறேன் இந்த யூல் டேக்குள்ள இன்னொரு லிஸ்ட்டை நான் ஆட் பண்ணனும் கரெக்டா இந்த யூல் டேக்குள்ள இன்னொரு லிஸ்ட்டை வந்து நான் ஆட் பண்ணனும் அப்ப நான் அதுக்கு ஃபர்ஸ்ட் லிஸ்ட்டை கிரியேட் பண்ணனும் ஓகேவா எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ ஃபர்ஸ்ட் நான் இந்த யூ செலக்ட் பண்ணிக்கிறேன் இந்த யூக்கு ஒரு ஐடி கொடுத்துக்கிறேன் ஐடி = லிஸ்ட் கண்டெய்னர் அதை நான் செலக்ட் பண்ணிக்கிறேன் செலக்டிங் யூ வேர் யூ =

டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி லிஸ்ட் கண்டெய்னர் அடுத்து யூல் ஃபர்ஸ்ட் இங்க வந்து நான் ஒரு எலிமெண்ட் கிரியேட் பண்ணனும் கரெக்டா வேர் லிஸ்ட் ஐட்டம் = டாக்குமெண்ட் கிரியேட் எலிமெண்ட் என்ன எலிமெண்ட் கிரியேட் பண்ண போறேன் எல்ஐ கிரியேட் பண்ண போறேன் லிஸ்ட் ஐட்டம் கிரியேட் பண்ண போறேன் இந்த லிஸ்ட் ஐட்டம்குள்ள என்ன இருக்க போகுது இப்போதைக்கு இந்த லிஸ்ட் ஐட்டம்குள்ள வெறும் லிஸ்ட் ஐட்டம் டாட் டெக்ஸ்ட் கண்டென்ட் = வெறும் ஹலோ மட்டும் இருக்கட்டும் இப்போதைக்கு இந்த லிஸ்ட் ஐட்டம்குள்ள வெறும் ஹலோ மட்டும் இருக்கட்டும் இதை நான் எது கூட அப்பன்ட் பண்ணனும் இந்த ull கூட நான் அப்பன் பண்ணனும் கரெக்டா இந்த ull நான் இங்க செலக்ட் பண்ணியிருக்கேன் Ull அப்பன்ட் லிஸ்ட் ஐட்டம் ஓகே சோ இப்ப நான் இதை ரன் பண்ணி பார்க்கிறேன் இப்ப

நான் இந்த ஆட் பட்டனை கிளிக் பண்றேன் ஓகே நான் இந்த ஆட் கூட இந்த ஃபங்க்ஷனை ஆட் பண்ணல ஆன் கிளிக் = ஆட் சோ இப்ப நான் இந்த ஆட் பட்டனை கிளிக் பண்றேன் கிளிக் பண்ண கிளிக் பண்ணி எனக்கு கீழ ஹலோ ஆட் ஆகிட்டே இருக்கு சூப்பர்ப்ல சோ இங்க என்ன நடக்குது அப்படின்னு சொல்லி நான் எக்ஸ்பிளைன் பண்றேன் எப்பலாம் இந்த ஆட் பட்டன் கிளிக் ஆகுதோ அப்போ இந்த ஃபங்க்ஷன் கால் ஆகுது இங்க நான் இந்த யூ எல் அப்படின்ற இந்த டேகை நான் செலக்ட் பண்ணிக்கிறேன் இந்த யூ குள்ள புதுசா எனக்கு அடுத்த லிஸ்ட் கிரியேட் ஆகணும் அடுத்த லிஸ்ட் கிரியேட் ஆகணும் அடுத்த லிஸ்ட் கிரியேட் ஆகணும் அந்த லிஸ்ட்டை ஃபர்ஸ்ட் நான் கிரியேட் பண்றேன் அந்த லிஸ்ட்டை கிரியேட் பண்ணிட்டு கிரியேட் பண்ண லிஸ்ட்டுக்குள்ள ஹலோ

அப்படின்ற டெக்ஸ்டை நான் உள்ள தூக்கி போடுறேன் அப்போ இங்க ஃபர்ஸ்ட் எனக்கு லிஸ்ட் கிரியேட் ஆகும் அதுக்கப்புறம் அந்த லிஸ்ட்டுக்குள்ள ஹலோன்னு சொல்லி எனக்கு டெக்ஸ்ட் ஆட் ஆகும் அண்ட் தென் ulpன் லிஸ்ட் ஐட்டம் இந்த யூ குள்ள அந்த கண்டெய்னருக்குள்ள நான் இந்த லிஸ்ட் ஐட்டமை அப்பன்ட் பண்றேன் இந்த யூ குள்ள லிஸ்ட் கிரியேட் பண்ண லிஸ்ட் ஐட்டமை அப்பன்ட் பண்றேன் சோ இப்ப எனக்கு இந்த மாதிரி அவுட்புட் கிடைக்குது இந்த மாதிரி எனக்கு அவுட்புட் வந்து கிடைக்குது ஓகே இப்ப அடுத்து நான் இங்க என்ன டைப் பண்றேனோ இந்த இன்புட் பாக்ஸ்குள்ள என்ன டைப் பண்றேனோ அதை இங்க ஆட் ஆகணும் நான் இங்க டைரக்டா ஹலோன்னு ஆட் பண்றேன் இப்படி டைரக்டா ஆட் பண்ணாம இந்த இடத்துல அந்த இன்புட் பாக்ஸ்குள்ள இருக்கிற வேல்யூ எனக்கு வேணும் ஓகேவா இன்புட்

வேல்யூ அப்படின்னு சொல்லி இந்த இன்புட் பாக்ஸ் குள்ள இருக்கிற வேல்யூ வேணும் இந்த இன்புட் பாக்ஸ்குள்ள இருக்கிற வேல்யூ வேணும் அப்படின்னா ஃபர்ஸ்ட் நான் இந்த இன்புட்டை செலக்ட் பண்ணனும் இந்த இன்புட்டுக்கு ஐடி = இன்புட்ன்னு சொல்லி நான் நேம் வச்சுக்கிறேன் அடுத்து நான் அந்த இன்புட்டை நான் இங்க செலக்ட் பண்றேன் வேர் இன்புட் = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி இன்புட் இப்போ இந்த இன்புட் குள்ள இந்த இன்புட் டேக் செலக்ட் ஆயிருக்கும் இந்த இடத்துல நான் இன்புட் வேல்யூன்னு சொல்லி போடுறேன் இப்ப நான் இதை ரன் பண்ணி பார்க்கிறேன் இப்ப நான் இங்க ஏதோ ஒன்னு டைப் என்டர் பண்ணிட்டு கிளிக் பண்றேன் பாருங்க சூப்பர் இல்ல நான் எதை என்டர் பண்ணிட்டு கிளிக் பண்றேனோ அது எனக்கு அப்படியே ஆட் ஆகுது சூப்பர் நான் எதை என்டர் பண்ணிட்டு

கிளிக் பண்றேனோ அது எனக்கு அப்படியே ஆட் ஆகுது ஓகே இப்போ அடுத்து எனக்கு ஆட் ஆகுது சரி ஆனா எல்லாமே ஆட் ஆகுறப்ப ஓகே அதுக்கு முன்னாடி ஃபர்ஸ்ட் நம்ம என்ன பண்ணிரலாம் இந்த டெலீட்ன்ற பட்டனை கிளிக் பண்ணா இந்த லிஸ்ட் ஐட்டம் டெலீட் ஆகணும் ஓகேவா இந்த ஹலோ டெலீட்ன்றது நானாவே கிரியேட் பண்ண ஒரு எலிமெண்ட் இங்க நான் கிரியேட் பண்ணியிருக்கேன் ஃபங்க்ஷன் டெலீட் ஐட்டம் எப்பலாம் இந்த டெலீட் பட்டன் கிளிக் ஆகுதோ எப்பலாம் இந்த டெலீட் பட்டன் கிளிக் ஆகுதோ அப்ப நான் இந்த டெலீட் ஐட்டமை கால் பண்றேன் ஆன் கிளிக் = டெலீட் ஐட்டம் இந்த டெலீட் ஐட்டமை கிளிக் பண்றப்ப அது கூடவே ஈவென்ட் ஆப்ஜெக்ட்ட பாஸ் பண்றேன் ஓகே அது கூடவே நான் ஈவென்ட் ஆப்ஜெக்ட்ட பாஸ் பண்றேன் இப்ப நான் ஈவென்ட் டார்கெட் டாட் ஃபர்ஸ்ட்

ஈவென்ட் டார்கெட்ல எனக்கு என்ன இருக்கும் இங்க ஒரு பட்டன் இருக்கு எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ இந்த டெலீட் ஆயிட்டப்ப கால் பண்றேன் அது கூடவே ஈவென்ட் ஆப்ஜெக்ட் பாஸ் பண்றேன் இந்த ஈவென்ட் ஆப்ஜெக்ட் குள்ள இந்த பட்டன் சம்பந்தமான எல்லா டீடைலும் இருக்கும் இப்ப நான் event டார்கெட்னு போட்டேன்னா இந்த இடத்துல எனக்கு அந்த பட்டன் மட்டும்தான் செலக்ட் ஆகும் இப்ப நான் event டார்கெட் ரிமூவ்னு நான் கொடுத்தேன் அப்படின்னா எனக்கு இந்த பட்டன் ரிமூவ் ஆகும் ஓகேவா எனக்கு இப்போ அந்த பட்டன் ரிமூவ் ஆகும் கவனிங்க இப்ப இதை நான் event டார்கெட் ரிமூவ் கொடுக்கிறேன் இப்ப இந்த டெலீட் பட்டனை கிளிக் பண்றப்ப அந்த பட்டன் காணாம போகுது ஆனா எனக்கு அந்த பட்டன் காணாம போகக்கூடாது இந்த மொத்த லிஸ்ட்டும் காணாம போகணும் கரெக்ட்டா இந்த

மொத்த லிஸ்ட்டும் எனக்கு காணாம போகணும் எப்படிப்பா இந்த மொத்த லிஸ்ட்டையும் காணாம போகிறது இப்போ ஈவென்ட் டார்கெட் டாட் பேரண்ட் எலிமெண்ட் டாட் ரிமூவ் இப்போ இங்க என்ன நடக்குது கவனிங்க இதுக்கு முன்னாடி ஈவன் டாட் டார்கெட் அப்படின்னா எனக்கு இந்த பட்டன் மட்டும் செலக்ட் ஆகும் ஈவென்ட் டார்கெட் அப்படின்னா இந்த பட்டன் மட்டும் செலக்ட் ஆகும் இப்ப ஈவென்ட் டார்கெட் பேரண்ட் எலிமெண்ட் அப்படின்னா இந்த பட்டனோட பேரண்ட் யாரு இந்த லிஸ்ட் அப்ப இது ஃபுல்லா செலக்ட் ஆயிரும் இப்ப இந்த இடத்துல எனக்கு இந்த மொத்த லிஸ்ட்டும் செலக்ட் ஆகும் அந்த லிஸ்ட்க்குள்ள இருக்கிற டெக்ஸ்டும் செலக்ட் ஆகும் அந்த பட்டனும் செலக்ட் ஆயிரும் அப்ப நான் டாட் ரிமூவ் கொடுக்கிறப்ப இந்த மொத்த லிஸ்ட் ஐட்டமும் எனக்கு இப்போ டெலீட் ஆயிரும் இப்ப நான் இதை ரன் பண்றேன் இப்ப நான்

டெலீட் பட்டன் கொடுக்கிறப்ப பாருங்க எனக்கு மொத்த எலிமெண்ட்டும் டெலீட் ஆயிடும் ஆயிருச்சு சூப்பர்ல ஓகே ரெஃப்ரெஷ் பண்றேன் இப்ப நான் திரும்ப வேற ஏதோ என்டர் பண்றேன் ஆனா இப்ப கவனிங்க இங்க எல்லாம் டெலீட் பட்டன் வரமாட்டேங்குது இதுக்கு மட்டும்தான் டெலீட் பட்டன் நம்ம வந்து ஆட் பண்ணி இருக்கோம் இதுக்கெல்லாம் நம்ம இன்னும் டெலீட் பட்டன் ஆடே பண்ணல அப்ப அதுக்கு எப்படி டெலீட் பட்டன் ஆட் பண்றது வேல்யூவ நம்ம இங்க ஆட் பண்றோம் இன்புட் வேல்யூ அப்படின்னு சொல்லி இப்ப இது கூடவே நான் என்ன பண்ண போறேன் ஒரு பட்டன் ஆட் பண்ண போறேன் ஒரு hடிஎம்எல் பட்டனை ஆட் பண்றேன் ஸ்லாஷ் பட்டன் இங்க வந்து டெலீட் இப்ப என்ன ஆகும் இப்ப நான் வந்து ஏதோ என்டர் பண்றேன் எனக்கு இந்த பட்டன் வந்து டெக்ஸ்டா வருது ஏன் ஏன்னா

நான் இங்க டாட் டெக்ஸ்ட் கண்டென்ட்னு கொடுத்திருக்கேன் இதே டெக்ஸ்ட் கண்டென்ட் எடுத்துட்டு இப்ப நான் இன்னொரு html மாத்துறேன் இப்ப பாருங்க இப்ப நான் ஏதோ கிளிக் என்டர் பண்ணிட்டு பட்டனை கிளிக் பண்றேன் இப்ப எனக்கு டெலீட் பட்டன் வந்துருச்சு சூப்பர்ல ஆனா ஃபர்ஸ்ட் டெலீட் பட்டனை கிளிக் பண்றேன் டெலீட் ஆகுது அடுத்த டெலீட் பட்டன் டெலீட் ஆக மாட்டேங்குது ஏன் ஏன்னா இந்த டெலீட் பட்டன்ல நம்ம ஆன் கிளிக் மெத்தட் ஆட் பண்ணல இந்த டெலீட் பட்டன்ல இப்ப நான் ஆன் கிளிக் மெத்தட் ஆட் பண்றேன் ஆன் கிளிக் = சிங்கிள் கொட்டேஷன் போடுறேன் ஏன்னா நம்ம ஆல்ரெடி வெளிய டபுள் கொட்டேஷன் போட்டிருக்கோம் இல்லைன்னா ஒருவேளை நீங்க டபுள் கொட்டேஷனே போடுறீங்க அப்படின்னா நீங்க என்ன பண்ணனும் நீங்க இந்த பேக் ஸ்லாஷ் யூஸ் பண்ணனும் இல்லைன்னா ஆட்டோமேட்டிக்கா உங்களோட ப்ரோக்ராம்

வந்து என்ன எடுத்துக்கும் அப்படின்னா இதோட முடிஞ்சிருச்சு அப்படின்னு சொல்லி நினைச்சுக்கும் ஓகேவா சோ கன்பியூஷன் எதுவும் இல்லாம இருக்கறதுக்காக நான் இந்த சிங்கிள் கோடு யூஸ் பண்ணிக்கிறேன் ஓகேவா சிங்கிள் கோடு யூஸ் பண்ணிக்கிறேன் இதுல டெலீட் ஐட்டம் அது கூடவே ஈவென்ட்டையும் பாஸ் பண்றேன் சோ இப்ப இங்க என்ன ஆகும்னு பாருங்க எலிமெண்ட்ஸ செக் பண்ணலாம் இப்போதைக்கு உள்ள ஹலோன்ற ஒரே ஒரு எலிமெண்ட் தான் இருக்கு ஒரே ஒரு லிஸ்ட் ஐட்டம் தான் இருக்கு ஹலோன்னு சொல்லி அடுத்து நான் சம்திங் என்டர் பண்ணிட்டு நான் ஆட் குடுக்குறேன் இப்ப எனக்கு புதுசா ஒரு லிஸ்ட் ஐட்டம் கிரியேட் ஆகுது இதை கிளிக் பண்ணி பாக்குறப்ப ஜேகே ஜேகேன்னு சொல்லி உள்ள ஒரு எலிமெண்ட் இருக்கு அது கூட பட்டன் இருக்கு அந்த பட்டன்ல டெலீட் ஐட்டம் ஈவென்ட்டும் சேர்ந்து இருக்கு அப்ப இப்ப நான்

அதை கிளிக் பண்றப்ப சூப்பர் நம்மளோட கம்ப்ளீட்டான டூல் லிஸ்ட் இப்போ ரெடி ஆயிடுச்சு இப்ப நான் என்டர் பண்ணேன் நான் எதெல்லாம் டைப் பண்ணிட்டு நான் என்டர் பண்றேனோ அதெல்லாம் எனக்கு இப்போ புதுசா ஆட் ஆகுது நான் டெலீட் பண்ண டெலீட் பண்ணேன் அது எல்லாமே இப்ப எனக்கு டெலீட் ஆகுது சூப்பர்ல யா இப்போ இதுக்கு மேல இந்த டுடூ லிஸ்ட்லுக்கு நீங்க ஸ்டைல் ஆட் பண்ணி சூப்பரா உங்களோட ஒரு அப்ளிகேஷனா கிரியேட் பண்ணி இந்த டுடூ லிஸ்ட்க்கு சிஎஸ்எஸ் ஆட் பண்ணுங்க சிஎஸ்எஸ் ஆட் பண்ணி இத நீங்க உங்களோட ரெஸ்யூம்ல கூட ஆட் பண்ணலாம் உங்களோட லிங்கடின்ல போஸ்ட் பண்ணலாம் ஓகேவா ஒரு சூப்பரான விஷயத்தை நம்ம இப்ப கத்துக்கிட்டோம் ஓகே அடுத்து இப்ப நீங்க கத்துக்கிட்டதை வச்சு ஒரு டாஸ்க் பண்ண போறீங்க ஓகே எப்படி நீங்க டுடூ லிஸ்ட் கிரியேட்

பண்ணீங்களோ அதே மாதிரி இப்ப நான் உங்களுக்கு ஒரு டாஸ்க் கொடுக்கப்போறேன் அந்த டாஸ்க்க நீங்க கம்ப்ளீட் பண்ண போறீங்க ஓகே ஹாய் காய்ஸ் கொஞ்சம் கொஞ்சமா வி ஆர் லெவலிங் அப் அவர் கேம் சோ இந்த செக்ஷன்ல நம்ம இந்த மாதிரி ஒரு புக்ஸ் கீ அப்படின்னு சொல்லி ஒரு ஆப் கிரியேட் பண்ண போறோம் நான் புக்ஸ்கின்னு சொல்லி நேம் வச்சிருக்கேன் நீங்க என்ன வேணாலும் நேம் வச்சுக்கோங்க சோ இது என்ன பண்ண போகுது அப்படின்னா பேசிக்கலி நான் பிளஸ் பட்டன் கிளிக் பண்றப்ப எனக்கு இந்த மாதிரி ஒரு பாப் அப் வரப்போகுது அண்ட் தென் இந்த பாப் அப்ல எனக்கு தேவையான புக் நேம போட்டு நான் ஃபில் பண்ண போறேன் மே பி சம்திங் அண்ட் தி வேங்க் இந்த மாதிரி நான் ஆட் பண்ணேன் அப்படின்னா சோ இட் வில்

கெட் ஆடட் அகைன் நான் வந்து எனக்கு தேவையில்லை அப்படின்னா ஐ கேன் ஆல்சோ டெலீட் இட் சோ இப்படி ஒரு ஆப்ப வந்து நம்ம மேக் பண்ண போறோம் இத பண்றதுக்கு முன்னாடி நிறைய விஷயங்கள் கத்துக்க போறோம் சோ யா லெட்ஸ் ஸ்டார்ட் திஸ் செஷன் ஓகே சோ உங்களோட விஎஸ் கோடு ஓபன் பண்ணிக்கோங்க உங்களோட விஎஸ் கோடுல ஓகே ஆல்ரெடி இருக்கிறது எல்லாத்தையும் நான் கிளியர் பண்ணிக்கிறேன் சோ ஓகே நான் ஒரு ஃபோல்டர் இங்க கிரியேட் பண்ணிக்கிறேன் பாப் அப் அந்த மாதிரி ஒரு பாப் அப் எப்படி கொண்டு வர்றது அப்படின்னு சொல்லிதான் நம்ம லேர்ன் பண்ண போறோம் ஓகே சோ இந்த ஃபோல்டர்க்குள்ள நான் இன்டெக்ஸ் அப்படின்னு சொல்லி ஒரு html ஃபைல் ஓபன் பண்ணிக்கிறேன் ஃபர்ஸ்ட் நம்ம ஸ்ட்ரைட்டா அந்த ப்ராஜெக்ட் பண்றதுக்கு முன்னாடி ஒரு குட்டி டெமோ மாதிரி

பண்ணி பார்க்கலாம் ஓகே எப்படி பாப் அப் வொர்க் ஆகுது அண்ட் அந்த ப்ராசஸ்ல இன்னும் நிறைய விஷயங்களை கத்துக்க போறோம் ஓகே சோ லெட்ஸ் பிகின் ஃபர்ஸ்ட் ஒரு பட்டன் ஒன்னு கிரியேட் பண்ணிக்க போறேன் ஓகேவா இந்த பட்டன்ல எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ அந்த மாதிரி ஒரு பாப் அப் எனக்கு ஷோ ஆகணும் இங்க கீழேயே ஒரு ஜாவாஸ்கிரிப்ட் ஃபைல் வந்து நான் ஓபன் பண்ணிக்கிறேன் ஓகே சோ ஜஸ்ட் ஸ்ட்ரைட்டா நான் இதை வந்து காப்பி பண்ணி என்னோட அவுட்புட்ல செக் பண்ணி பார்க்கிறேன் வெறும் பட்டன் மட்டும் இருக்கு நான் ஷோன்ற பட்டன் கிளிக் பண்ணா எனக்கு இங்க ஒரு பாப் அப் ஷோ ஆகணும் எப்படி அந்த மாதிரி பாப் அப் ஷோ ஆக வைக்கிறது ரொம்ப சிம்பிள் தான் ஓகே சோ இங்க ஒரு டிவ் நான்

கிரியேட் பண்ணிக்க போறேன் இந்த டிவுக்கு கிளாஸ் = ஓவர்லே அப்படின்னு சொல்லி இந்த டிவுக்கு வந்து நேம் கொடுத்துக்கிறேன் அண்ட் தென் இன்னொரு ஒரு டிவ் கிரியேட் பண்றேன் இந்த டிவுக்கு கிளாஸ் = பாப் அப் பாக்ஸ் அப்படின்னு சொல்லி ஒரு நேம் கொடுத்துக்கிறேன் இந்த பாப் அப் பாக்ஸ்ல ஒரு பாரகிராப் இருக்க போகுது ஜஸ்ட் லாரம்னு மட்டும் டைப் பண்ணேன் அப்படின்னா எனக்கு இந்த மாதிரி ஒரு பாரகிராப் கிடைக்கும் எல் ஓ ஆர் இம் ஓகேவா எல் ஓ ஆர் இம் இந்த மாதிரி டைப் பண்ணி என்டர் பண்ணீங்கன்னா உங்களுக்கு ஒரு பாரகிராப் கிடைக்கும் ஓகே இல்ல அப்படின்னா ஏதாவது டம்மியா டைப் பண்ணிக்கோங்க தென் இன்னொரு ஒரு பட்டன் கிரியேட் பண்ண போறேன் இந்த பட்டன்ல கேன்சல் இல்ல க்ளோஸ்ன்னு சொல்லி ஏதோ ஒரு பட்டன் கிரியேட் பண்ண போறேன் இந்த

க்ளோஸ் பட்டன் கிளிக் பண்ணா அந்த பாப் அப் எனக்கு க்ளோஸ் ஆகணும் இப்ப நான் ரெஃப்ரெஷ் பண்ணி பார்க்கிறப்ப இந்த மாதிரி எனக்கு இருக்கு ஆனா இது எனக்கு எங்க வரணும் ஒரு பாப் அப் பாக்ஸ் மாதிரி எனக்கு ஷோ ஆகணும் சோ இப்ப நான் இங்க என்னோட சிஎஸ்எஸ் போறேன் என்னோட ஸ்டைல்ல நான் ஒரு விஷயத்தை சேஞ்ச் பண்ண போறேன் என்ன செட் பண்ண போறேன் அப்படின்னா ஃபர்ஸ்ட் டாட் ஓவர்லே இந்த ஓவர்லேக்கு பேக்ரவுண்ட் கலர் பிளாக் கொடுத்துக்கலாம் ஓகே இங்க வெறும் எம்டி டிவா இருக்குறதுனால எனக்கு வந்து பேக்ரவுண்ட் கலர் வந்து தெரியல நம்ம மோஸ்ட்டா css-ல போக்கஸ் பண்ண போறது கிடையாது இது ஜாவாஸ்கிரிப்ட் செஷன் அப்படின்றதுனால அண்ட் தென் பேக்ரவுண்ட் கலர் பிளாக் கொடுத்திருக்கேன் இதுக்கு நான் வந்து விட்த் செட் பண்ணனும் விட்த் 100% செட் பண்ணிக்கிறேன்

ஹைட் 100% செட் பண்ணிக்கிறேன் விட்த் 100% ஹைட் 100% இப்ப என்னவா இருக்குன்னு பார்க்கலாம் இங்க பாருங்க இந்த மாதிரி எனக்கு வந்து கிரியேட் ஆயிருக்கு விட்த் 100% ஹைட் 100% ஆனா இப்ப அடுத்து நான் என்ன பண்ண போறேன் இதோட பொசிஷனை அப்சல்யூட்டா மாத்துறேன் பொசிஷன் அப்சல்யூட்டா மாத்திட்டு இதோட டாப்பை ஜீரோ பிக்சல்ன்னு செட் பண்றேன் இப்ப எனக்கு டாப் ஜீரோ பிக்சல் வந்துருச்சு அதே மாதிரி லெஃப்ட்டையும் ஜீரோ பிக்சல்ன்னு செட் பண்றேன் இப்ப எனக்கு லெஃப்ட் ஜீரோ பிக்சல் டாப் ஜீரோ பிக்சல் கம்ப்ளீட் ஸ்கிரீனும் எனக்கு இந்த பிளாக்கால டிஸ்பியர் ஆயிருச்சு அடுத்து ஒபாசிட்டி 08-ன்னு சொல்லி செட் பண்றேன் ஒப்பாசிட்டி 08 சூப்பர் இந்த மாதிரி ஒரு பிளாக் கலர் ஒரு லேஅவுட் மாதிரி எனக்கு கிடைச்சிருச்சு அடுத்து இந்த பாப் அப் பாக்ஸ் இருக்கு இல்லையா இந்த பாப்

அப் பாக்ஸ ஸ்டைல் பண்ணலாம் டாட் பாப் அப் பாக்ஸ் இந்த பாப் அப் பாக்ஸ்க்கு நான் என்ன பண்ண போறேன் அப்படின்னா இதையும் இதோட பொசிஷனையும் அப்சல்யூட்டா மாத்த போறேன் இப்ப நான் ரெஃப்ரெஷ் பண்ணி பார்க்கிறேன் ஸ்டில் எனக்கு இந்த க்ளோஸ் என்ற பட்டன் மட்டும் வெளிய தெரியுது மத்ததெல்லாம் எனக்கு வந்து வெளிய தெரியல ரெண்டுக்குமே நான் z இன்டெக்ஸ் செட் பண்ணப்போறேன் இதோட z இன்டெக்ஸ் 1 இதோட z இன்டெக்ஸ் 2 சோ தட் இப்ப எனக்கு இந்த ஃபர்ஸ்ட் z இன்டெக்ஸ்ன்னு இருக்கிறது பின்னாடி தெரியும் இந்த பாப் அப் பாக்ஸ் எனக்கு முன்னாடி வந்துரும் ஓகே ஸ்டில் ஐ டின்ட் கம் இதுதான் நம்மளோட டிவ் இந்த டிவுக்குள்ள நமக்கு பாரகிராப் இருக்கு அண்ட் தென் அந்த பாரகிராப்குள்ள அந்த க்ளோஸ் பட்டன் இருக்கு ஓகே நம்ம வந்து இது எதுவுமே

செட் பண்ணல ஆக்சுவலி இட்ஸ் தேர் பேக்ரவுண்ட் கலர் வந்து ஒயிட்ன்னு செட் பண்ணிக்கலாம் அண்ட் கலர் வந்து பிளாக்ல செட் பண்ணிக்கலாம் ஓகே சி வெளிய தான் இருக்கு பட் நமக்கு வந்து தெரியல ஓகே அண்ட் தென் இதோட விட்த் வந்து ஒரு 40% செட் பண்ணிக்கலாம் 40% அண்ட் தென் இதுக்கு ஒரு பேடிங் செட் பண்ண போறேன் பேடிங் ஒரு 20 பிக்சல் ஓகே அண்ட் தென் இதுக்கு ஒரு பார்டர் ரேடியஸ் செட் பண்ண போறேன் பார்டர் ரேடியஸ் இன் பிக்சல் ஓகே அண்ட் தென் இதுக்கு லெப்ட் செட் பண்ண போறேன் லெப்ட் ஒரு 30% ஓகே யா ஐ திங்க் தட்ஸ் இனப் சோ இப்ப கவனிங்க ஒரு ஷோ பட்டன் இருக்கு அதுக்கு கீழ ஒரு ஓவர்லே ஒரு பாப் அப் பாக்ஸ் இனிஷியலா இந்த ஓவர்லேவும் இந்த பாப்

அப் பாக்ஸும் எனக்கு தெரியக்கூடாது அதனால நான் என்ன பண்ணப்போறேன் இந்த ஓவர்லேயோட டிஸ்ப்ளே ப்ராப்பர்ட்டிய நன்னு மாத்துறேன் ஃபர்ஸ்ட் ஓவர்லேயோடது வேணாம் இப்ப நான் பாப் அப் பாக்ஸ நன்னு மாத்துறேன் இப்ப என்ன ஆகும் இந்த பாப் அப் பாக்ஸ் எனக்கு மறைஞ்சிரும் பாருங்க இப்ப இந்த பாப் அப் பாக்ஸ் எனக்கு இல்லை திரும்ப நான் இந்த டிஸ்ப்ளேவை பிளாக்ன்னு மாத்துனா இப்ப அந்த டிஸ்ப்ளே பிளாக்ன்னு மாத்துனா எனக்கு அந்த பாப் அப் பாக்ஸ் தெரியுது நான் டிஸ்ப்ளே இனிஷியலா நன்னு வச்சுக்கிறேன் அதே மாதிரி இந்த ஓவர்லேயோட டிஸ்ப்ளே ப்ராப்பர்ட்டியும் நன்னு செட் பண்ணிக்கிறேன் சூப்பர்ல இப்போ கவனிங்க எப்பலாம் இந்த ஷோன்ற பட்டன் கிளிக் ஆகுதோ அப்போ நான் என்ன பண்ண போறேன் இந்த டிஸ்ப்ளே ப்ராப்பர்ட்டியை பிளாக்ன்னு மாத்த போறேன் எப்பலாம் இந்த ஷோன்ற பட்டன் கிளிக் ஆகுதோ அப்ப இந்த

டிஸ்ப்ளே ப்ராப்பர்ட்டிய பிளாக்ன்னு மாத்த போறேன் சோ இப்ப நான் என்னோட ஜாவாஸ்கிரிப்ட் ஃபைல்குள்ள ஃபர்ஸ்ட் இந்த பாப் அப் ஓவர்லேவையும் இந்த பாப் அப் பாக்ஸையும் செலக்ட் பண்ணிக்கிறேன் பாப் அப் ஓவர்லே அண்ட் பாப் அப் பாக்ஸ் இது ரெண்டையும் நான் ஃபர்ஸ்ட் செலக்ட் பண்ணிக்கிறேன் வேர் பாப் அப் ஓவர்லே = டாக்குமெண்ட் குறி செலக்டர் ஏன்னா நான் கிளாஸ் யூஸ் பண்ணிருக்கேன் அதனால குயரி செலக்டர் யூஸ் பண்ணி பண்றேன் டாட் ஓவர்லே அதே மாதிரி வேர் பாப் அப் பாக்ஸ் = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி பாப் அப் பாக்ஸ் ஓகே சோ இது ரெண்டும் நமக்கு கிடைச்சிருச்சு அடுத்து ஃபங்க்ஷன் ஷோ எப்பலாம் இந்த ஷோ பட்டன் கிளிக் ஆகுதோ அப்போ ஆன் கிளிக் = நான் என்ன பண்ண போறேன் இந்த ஷோ பட்டனை கால் பண்ண போறேன்

எப்பலாம் இந்த ஆன் கிளிக் கிளிக் ஆகுதோ அப்போ இந்த ஷோ அப்படின்ற இந்த பங்க்ஷனை நான் கால் பண்றேன் இந்த ஃபங்க்ஷனுக்குள்ள என்ன பண்ண போறேன் பாப் அப் பாக்ஸ் ஸ்டைல் டிஸ்ப்ளே = பிளாக் எப்பலாம் இந்த ஃபங்க்ஷன் கால் ஆகுதோ அப்போ இந்த பாப் அப் பாக்ஸோட டிஸ்ப்ளே ப்ராப்பர்ட்டிய பிளாக்கா மாத்துறேன் ஃபர்ஸ்ட் இது எப்படி ஒர்க் ஆகுதுன்னு சொல்லி செக் பண்ணி பார்க்கலாம் நான் ஷோ கிளிக் பண்றேன் ஓகே எனக்கு எதுவுமே ஆகல போயிட்டு என்னோட கன்சோல பார்க்கிறேன் ஏதாவது தப்பு பண்ணிருக்கேனா அப்படின்னு சொல்லி என்னோட கன்சோல பார்க்கிறேன் ஓகே ஐ டிட் சம்திங் கேன் நாட் ரீட் ஸ்டைல் ஓகே இங்க கெட் எலிமெண்ட் பை ஐடின்னு கொடுத்திருக்கேன் இட்ஸ் மை மிஸ்டேக் இது வந்து குவரி செலக்டர் ஓகே இப்ப நான் ரன் பண்ணி பார்க்கிறேன் இப்ப நான்

ஷோ பட்டனை கிளிக் பண்றேன் பாருங்க இப்ப எனக்கு அந்த நடுவுல நம்ம கிரியேட் பண்ண அந்த பாக்ஸ் மட்டும் எனக்கு தெரியுது இப்ப அதே மாதிரி பாப் அப் ஒவ்வொரு டாட் ஸ்டைல் டாட் டிஸ்ப்ளே = பிளாக் இதையும் இப்ப நான் பிளாக்கா மாத்துறேன் இப்ப நான் கிளிக் பண்றப்ப சூப்பரா அந்த மாதிரி நமக்கு ஒரு பாப் அப் பக்காவான பாப் அப் கிடைச்சிருச்சு இப்ப திரும்ப இந்த க்ளோஸ் பட்டனை கிளிக் பண்றப்ப ஃபங்க்ஷன் க்ளோஸ் பாப் அப் வீடியோவை பாஸ் பண்ணிட்டு எப்படி இந்த க்ளோஸ் பட்டனை கிளிக் பண்றப்ப திரும்பவும் அந்த பாப்அப்பையும் அந்த பாப் அப் பாக்ஸையும் மறைய வைக்கிறதுன்னு சொல்லி நீங்க பண்ணுங்க ரொம்ப சிம்பிள் தான் பிளாக்க நன்னா மாத்த போறீங்க சூப்பர் பண்ணிருப்பீங்கன்னு நினைக்கிறேன் இதை நான் அப்படியே காப்பி பேஸ்ட் பண்றேன் இங்க இந்த டிஸ்ப்ளே

ப்ராப்பர்ட்டி பிளாக்ன்னு இருக்குறதை நன்னு சேஞ்ச் பண்ணிக்கிறேன் திரும்ப நான் ரெஃப்ரெஷ் பண்றேன் ஷோ கிளிக் பண்றப்ப எனக்கு ஷோ ஆகுது க்ளோஸ் கிளிக் பண்றப்ப ஓகே நான் ஃபங்க்ஷன் ஆட் பண்ணல ஆன் கிளிக் = க்ளோஸ் பாப் அப் சோ நான் அகைன் ரெஃப்ரெஷ் பண்றேன் ஷோ கிளிக் பண்றேன் ஓபன் ஆகுது க்ளோஸ் கிளிக் பண்றேன் க்ளோஸ் ஆகுது சூப்பர்ப் இந்த மாதிரிதான் ஒரு பாப் அப் பாக்ஸ நம்ம வந்து கிரியேட் பண்ண முடியும் சோ ரொம்ப சிஎஸ்எஸ் எல்லாம் நான் ஆட் பண்ணல நீங்க பக்காவான சிஎஸ்எஸ் ஆட் பண்ணீங்கன்னா உங்களுக்கு பக்காவா இந்த மாதிரி கிரியேட் ஆகும் ஓகேவா இங்க நான் ஒரு ஈவென்ட் லிசனர் அப்படின்னா என்னன்னு சொல்லி நான் ஈவென்ட் லிசனர் உங்களுக்கு சின்னதா எக்ஸ்பிளைன் பண்ண போறேன் ஓகே சோ இந்த இன்டெக்ஸ் html பைல் அப்படியே இருக்கட்டும்

நான் இது எல்லாத்தையுமே கமெண்ட் பண்ணிட்டு எல்லாத்தையுமே கமெண்ட் பண்ணிட்டேன் எல்லாத்தையுமே கமெண்ட் பண்ணிட்டு இப்ப நான் திரும்ப கீழ இங்க ஒரு பட்டன் கிரியேட் பண்ண போறேன் பட்டனுக்கு இப்ப நான் திரும்ப அதே மாதிரி ஷோன்னு ஒரு பட்டன் கிரியேட் பண்றேன் இந்த பட்டனுக்கு ஓகே நார்மலா எப்பவும் போல இந்த பட்டனை கிளிக் பண்ணா ஒரு அலர்ட் மெசேஜ் வரணும் அதுதான் இப்ப எனக்கு டாஸ்க் ஓகேவா இந்த பட்டனை கிளிக் பண்றப்ப ஃபங்க்ஷன் அலர்ட் மெசேஜ் இங்க என்ன பண்ணப்போறேன் ஃபங்க்ஷன் அலர்ட் மெசேஜ்ன்னு சொல்லி நான் போட்டுட்டு அலர்ட் ஹலோ ஓகே எப்ப இந்த பட்டன் கிளிக் ஆகுதோ இந்த அலர்ட் மெசேஜ் வந்து ஷோ ஆகப்போகுது சோ நான் ரெஃப்ரெஷ் பண்ணி பார்க்கிறேன் இப்ப இந்த ஷோவை கிளிக் பண்றேன் ஓகே எனக்கு அலர்ட் மெசேஜ் வந்து ஷோ ஆகல லெட்ஸ் சி

ஏதாவது மிஸ்டேக் பண்ணிருக்கோமான்னு அலர்ட் இஸ் நாட் அலர்ட் வந்து ஸ்பெல்லிங் தப்பா எழுதி இருக்கீங்க அலர்ட் ஓகே சோ நான் ரெஃப்ரெஷ் பண்றேன் இப்ப நான் இந்த ஷோ பட்டனை கிளிக் பண்றப்ப எனக்கு ஹலோ அப்படின்னு சொல்லி எனக்கு இந்த பேஜ் வந்து ஓபன் ஆகுது சூப்பர் இல்ல ஓகே மூவ் இது நம்ம ரெகுலரா பண்றதுதான் ஆனா இந்த ஃபங்க்ஷன் அலர்ட் மெசேஜ் இப்ப நம்ம நார்மலா எதை வச்சு பண்றோம் அப்படின்னா ஈவென்ட் ஹேண்ட்லர் வச்சு நம்ம பண்ணிட்டு இருக்கோம் இப்போ இதை நான் ஈவென்ட் லிசனரா மாத்த போறேன் நல்லா கவனிங்க இப்ப நான் இதை ஈவென்ட் லிசனரா மாத்த போறேன் ஓகே சோ இப்போ ஓகே இந்த ஃபங்க்ஷன் இருக்கிறது அப்படியே இருக்கட்டும் இப்ப கவனிங்க ஒரு விஷயத்தை ஈவென்ட் லிசனரா மாத்துறதுக்கு ஃபர்ஸ்ட் அந்த விஷயத்தை நான் செலக்ட் பண்ணனும் அந்த

குறிப்பிட்ட எலிமெண்ட்டுக்கு நான் ஈவென்ட் லிசனர் ஆட் பண்ணுவேன் அதாவது இப்ப நான் ஃபர்ஸ்ட் அந்த பட்டனை செலக்ட் பண்ணிக்கிறேன் வேர் பட்டன் = டாக்குமெண்ட் ஐடி போட்டுக்கலாம் ஐடி = btn டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி பிடிஎன் இப்ப இந்த பட்டனை நான் செலக்ட் பண்ணிட்டேன் அடுத்து இந்த பட்டனுக்கு நான் ஈவென்ட் லிசனர் ஆட் பண்ணப்போறேன் பட்டன் ஆட் ஈவென்ட் லிசனர் அதாவது எப்பலாம் இந்த பட்டன் மேல ஒரு ஈவென்ட் நடக்குதோ அதை நான் இங்க இருந்து என்னால ஹேண்டில் பண்ணிக்க முடியும் இந்த ஆன் கிளிக் நான் போடணும்னு அவசியம் கிடையாது இது எனக்கு இந்த ஆட் ஈவென்ட் லிசனர் ஒரு எலிமெண்ட் மேல நிறைய கண்ட்ரோல் கொடுக்கும் ஒரே எலிமெண்ட் மேல ஈஸியா என்னால நிறைய ஈவென்ட்ஸ் ஆட் பண்ணிக்க முடியும் உதாரணத்துக்கு இப்ப நான் பட்டன் டாட் ஆட் ஈவென்ட்

லிசனர் அப்படின்னு சொல்லி போட்டுட்டேன் இந்த ஈவென்ட் லிசனர்ல ஃபர்ஸ்ட் நான் என்ன மென்ஷன் பண்ணனும் அப்படின்னா இந்த ஈவென்ட் லிசனர்ல ஃபர்ஸ்ட் நான் என்ன பண்ணனும் அப்படின்னா எந்த ஈவென்ட் நடக்க போகுது அப்படின்னு சொல்லி நான் மென்ஷன் பண்ணனும் கிளிக் அப்படின்ற ஈவென்ட் நடக்க போகுது இந்த பட்டன் மேல கிளிக் அப்படின்ற ஈவென்ட் நடக்க போகுது ஓகே அந்த பட்டனை யாராவது கிளிக் பண்ணாங்க அப்படின்னா என்ன பண்ணனும் அப்படின்னு சொல்லி ஒரு ஃபங்க்ஷன்க்குள்ள நான் இங்க போடணும் சின்டாக்ஸ் பார்த்துக்கோங்க ஃபங்க்ஷன் பிராக்கெட் டைரக்டா வந்து பிராக்கெட் ஓபன் பண்றேன் இதை அனானிமஸ் ஃபங்க்ஷன் அப்படின்னு சொல்லி சொல்லுவோம் ஏன் அப்படின்னா இந்த ஃபங்க்ஷனுக்கு நேம் கிடையாது பாருங்க இந்த ஃபங்க்ஷனுக்கு நம்ம நேம் யூஸ் பண்ணி இருக்கோம் ஆனா நான் இதுக்குள்ள போட்டிருக்கிற ஃபங்க்ஷனுக்கு நேம் யூஸ் பண்ணல அதாவது இந்த மாதிரி இருக்கு

நேம் இல்லாம இந்த மாதிரி இருக்கு ஏன் அப்படின்னா இந்த ஃபங்க்ஷன் ஒரே ஒரு தடவை தான் கால் ஆகப்போகுது இந்த ஃபங்க்ஷன் திரும்ப திரும்ப நான் யூஸ் பண்ண போறது கிடையாது எப்பலாம் அந்த பட்டன் கிளிக் ஆகுதோ அப்போ அந்த ஃபங்க்ஷன் கால் ஆகணும் அப்போ டைரக்டா அந்த ஈவென்ட் கூட அந்த ஃபங்க்ஷனை நான் அட்டாச் பண்ணிடுறேன் இப்போ இந்த ஃபங்க்ஷன் குள்ள அலர்ட் ஹலோ என்ன நடக்கணுமோ அதை இந்த ஃபங்க்ஷன் குள்ள போடுறேன் இப்ப நான் ரெஃப்ரெஷ் பண்ணி பார்க்கிறேன் எனக்கு ஒர்க் ஆகுதா அப்படின்னு சொல்லி நான் செக் பண்ண போறேன் இப்ப நான் ஷோ பட்டனை கிளிக் பண்றேன் போன தடவை ஒர்க் ஆன மாதிரியே ஒர்க் ஆகுது இதுதான் ஈவென்ட் லிசனர் ஓகேவா அதே பட்டனோட பட்டன் டாட் ஆட் ஈவென்ட் லிசனர் ஆட் ஈவென்ட் லிசனர் கிளிக் ஆகுறதுக்கு

பண்ணேன் அதே மாதிரி நான் இப்ப என்ன பண்ணலாம் அப்படின்னா மௌஸ் ஓவர் கமா ஃபங்க்ஷன் அலர்ட் மௌஸ் ஓவர் எப்பலாம் அந்த பட்டன் மேல மௌஸ் போகுதோ கவனிங்க இப்ப நான் இந்த பட்டன் மேல மௌஸ் கொண்டு போறேன் இப்ப எனக்கு மௌஸ் ஓவர்னு சொல்லி வந்திருக்கு அதே அந்த பட்டனை நான் கிளிக் பண்றேன் அப்போ எனக்கு ஹலோன்னு சொல்லி வருது ஒரே பட்டன் மேல என்னால நிறைய ஈவென்ட் ஆட் பண்ணிக்க முடியும் இப்படித்தான் ஈவென்ட் லிஸ்ட் ஒர்க் ஆகுது ஒரு எலிமெண்ட்ட செலக்ட் பண்ண போறீங்க அந்த எலிமெண்ட்ட கிளிக் ஆனா என்ன நடக்கணும் அப்படின்னு சொல்லி சொல்ல போறீங்க அண்ட் தென் கிளிக் ஆகுறப்ப அலர்ட் அப்படின்னு சொல்லி பாப் அப் ஷோ பண்றீங்க அதே மாதிரி மௌஸ் ஓவர் அப்படின்னு வேற ஈவென்ட் நடந்துச்சுன்னா அந்த ஈவென்ட் கூட சேர்ந்து இன்னொரு

ஃபங்க்ஷன் அட்டாச் பண்ண போறீங்க இப்படித்தான் ரொம்ப சிம்பிளா ஈவென்ட் லிசனர் நமக்கு வொர்க் ஆகுது ஓகே இப்ப நம்ம ரெடின்னு நினைக்கிறேன் ஓகே சோ இப்ப நம்ம என்ன பண்ண போறோம் இந்த கம்ப்ளீட் ப்ராஜெக்ட்ட ஃபர்ஸ்ட்ல இருந்து ஸ்டார்ட் பண்ணி இப்ப நம்ம இதை பண்ண போறோம் இதுல நம்ம css ஆட் பண்ண போறோம் சோ தட் உங்களுக்கு எப்படி ஜாவாஸ்கிரிப்ட்டோட css ஆட் பண்ணி பண்ணலாம் அப்படின்ற ஒரு ஐடியாவும் கிடைக்கும் ஓகே ரெடியா ஸ்டார்ட் பண்ணலாமா ஓகே லெட்ஸ் பிகின் சோ நவ் இந்த ப்ராஜெக்ட்ட பண்ண ஸ்டார்ட் பண்ணலாம் ஓகே சோ என்னோட விஷுவல் ஸ்டுடியோ கோடு ஓபன் பண்ணிக்கிறேன் சோ இது ஆல்ரெடி நான் பண்ண கோடு ஓகே ஐ அம் க்ளோசிங் திஸ் நான் என்னோட புதுசா ஒரு ஃபோல்டர் ஓபன் பண்ணிக்கிறேன் புக்ஸ் கீ அப்படின்னு சொல்லி ஒரு

ஃபோல்டர் ஓபன் பண்ணிக்கிறேன் ஓகே புக்ஸ் கீ ஓகே சோ இந்த புக்ஸ் கீல நான் இன்டெக்ஸ் ஃபைல் கிரியேட் பண்றேன் அடுத்து ஸ்டைல் css ஃபைல் கிரியேட் பண்றேன் அடுத்து ஸ்கிரிப்ட் ஃபைல் கிரியேட் பண்றேன் சோ மூணு ஃபைல் நான் கிரியேட் பண்ணிட்டேன் இப்ப என்னோட html ஃபைல்ல html 5ன்னு நான் போட்டேன் அப்படின்னா எனக்கு html ஓட பாய்லர் பிளேட் கிடைச்சிரும் இதுல புக் ஸ்கீன்னு சொல்லி போட்டுக்குறேன் அண்ட் தென் இது கூட என்னோட css பைல லிங்க் பண்றேன் ஓகே ஒரே ஃபோல்டர்க்கு குள்ள மூணு பைல் இருக்கு அடுத்து என்னோட css பைல லிங்க் பண்றேன் ஸ்டைல் ஓகே நாட் ஸ்டைல் சோ லிங்க் css பைல வந்து நான் லிங்க் பண்றேன் இப்ப நான் ஸ்டைல் css பைல் வந்து எனக்கு லிங்க் ஆயிருச்சு ஓகே அண்ட் தென் அதே

மாதிரி என்னோட ஜாவாஸ்கிரிப்ட் பைலையும் லிங்க் பண்ணிக்கிறேன் ஸ்கிரிப்ட் src = ஸ்கிரிப்ட் இந்த மாதிரி போடுறப்ப நான் ஸ்கிரிப்ட்ட இதுக்குள்ள போடணும்னு அவசியம் இல்லை நான் டைரக்டா ஸ்கிரிப்ட்ட ஜேஎஸ் பைல்ல எழுதிக்கலாம் ஓகே சோ என்னோட மூணு பைலையும் நான் லிங்க் பண்ணிட்டேன் அடுத்து நான் google ஃபான்ட்ஸ் ஆட் பண்ண போறேன் இது கூட பக்கத்துல பிரவுசர் ஓபன் பண்ணிக்கோங்க google ஃபான்ட்ஸ்ன்னு சர்ச் பண்ணுங்க சோ இப்படி உங்களுக்கு ஒரு கூகுள் ஃபான்ட்ஸ் பேஜ் ஓபன் ஆகும் இதுல உங்களுக்கு என்ன ஃபான்ட் வேணுமோ அதை நீங்க செலக்ட் பண்ணிக்கலாம் நான் பாப்பின்ஸ் சர்ச் பண்ணி பாப்பின்ஸ் செலக்ட் பண்ணிக்கிறேன் பாப் இன்ஸ்ல கீழ ஸ்க்ரோல் பண்ணீங்க அப்படின்னா உங்களுக்கு என்ன சைஸ்ல வேணும் அப்படின்னு சொல்லி வரும் சோ நான் வந்து ரெகுலர் செலக்ட் பண்ணிக்கிறேன் உங்களுக்கு இந்த மாதிரி செலக்ட் ரெகுலர் இருக்கும்

செலக்ட் பண்ணீங்க அப்படின்னா இந்த மாதிரி ஓபன் ஆகும் ஓபன் ஆகலைன்னா மேல இந்த பேக் இருக்கும் இதை கிளிக் பண்ணி ஓபன் பண்ணிக்கோங்க இந்த லிங்க்க ஃபர்ஸ்ட் நான் காப்பி பேஸ்ட் பண்ணிக்கிறேன் இந்த லிங்க்க காப்பி பண்ணி உள்ள நான் பேஸ்ட் பண்ணிக்கிறேன் அண்ட் தென் அது கூடவே ஸ்டைல் css இது கூடவே நான் வந்து ஒரு ஸ்டைலையும் ஆட் பண்ணிக்கிறேன் இந்த ஸ்டைலையும் ஓகே ஃபர்ஸ்ட் இங்க ஸ்டார்னு யுனிவர்சல் செலக்டர் போட்டு மார்ஜின் ஜீரோ கொடுத்துக்கிறேன் அண்ட் பேடிங் ஆல்சோ ஐ அம் செட்டிங் டு ஜீரோ அண்ட் தென் பாடி ஓபன் பண்றேன் பாடில ஃபான்ட் ஃபேமிலி செட் பண்றேன் ஓகே சூப்பர்ப் எல்லாமே ஆல் செட் இப்போ பாடிக்குள்ள ஒரு டிவ் கிரியேட் பண்றேன் ஓகே அண்ட் தென் இந்த டிவுக்கு ஒரு கிளாஸ் கொடுக்க போறேன் கிளாஸ் = நேப்

பார் இந்த டிவுக்குள்ள ஐ அம் கிரியேட்டிங் h1 டேக் இதுல புக்ஸ் கீ அப்படின்னு சொல்லி நேம் செட் பண்றேன் இப்ப என்னோட css ஓபன் பண்றேன் என்னோட css லட் நேவ் பார் என்னோட நேவ் பார் கிளாஸ் செலக்ட் பண்ணி இப்போ என்னோட நேவ் பார் கிளாஸ்ல நான் என்ன பண்ண போறேன் ஸ்டைல்ஸ் ஆட் பண்ண போறேன் சோ என்ன ஸ்டைல் இப்ப நான் ஃபர்ஸ்ட் நான் ஆட் பண்ண போறேன் அப்படின்னா பேக்ரவுண்ட் கலர் செட் பண்ண போறேன் நான் என்ன பேக்ரவுண்ட் கலர் செட் பண்ண போறேன் அப்படின்னா ஹஷ்டேக் f d 65 69 ஓகே சோ சோ இதுதான் நான் ஆட் பண்ண போற பேக்ரவுண்ட் கலர் அண்ட் தென் பேடிங் 10 பிக்சல் சூப்பர் சோ இப்ப என்னோட அவுட்புட்டை செக் பண்ணி பார்க்கலாம் ரைட் கிளிக் பண்ணி

காப்பி பார்த்து பண்ணி என்னோட அவுட்புட்டை நான் இப்ப செக் பண்ணி பார்க்கிறேன் சோ இது தேவையில்லை க்ளோஸ் பண்ணிக்கலாம் சூப்பர் ஃபர்ஸ்ட் நேவ் பார் எனக்கு கிடைச்சிருச்சு பக்கா அடுத்து அந்த நேவ் பாருக்கு கீழ இருக்கிற அந்த புக் செக்ஷனை நான் வந்து கிரியேட் பண்ணனும் சோ அதுக்கு நான் டிவ் ஃபர்ஸ்ட் கிளாஸ் = கண்டெய்னர்னு போட்டுக்குறேன் ஓகே கண்டெய்னர் கிரியேட் பண்ணிக்கிறேன் அந்த கண்டெய்னருக்குள்ள டிவ் கிளாஸ் = புக் ஹைபன் கண்டெய்னர் ஓகே இதுக்குள்ள இப்போ ஃபர்ஸ்ட் h2 ல நான் வந்து புக்கோட டைட்டில் வந்து ஆட் பண்ணிக்க போறேன் இனிஷியலி லெட் மீ ஆட் அஸ் ரிச் டாக் போட அண்ட் தென் அதுக்கு கீழ h5 டேக் யூஸ் பண்ணி ஆத்தரோட நேம் அண்ட் தென் அதுக்கு கீழ ஒரு பாரகிராப் டேக் ஓபன் பண்ணி ஜஸ்ட் லாரம்னு மட்டும்

என்டர் பண்ணீங்க அப்படின்னா உங்களுக்கு ஒரு பேரகிராப் அதுவே கிரியேட் பண்ணி கொடுக்கும் ஓகேவா சூப்பர் பக்காவா நான் கிரியேட் பண்ணிட்டேன் இதுக்கு கீழ இன்னொரு ஒன்னு என்னது அப்படின்னா ஒரு பட்டன் கிரியேட் பண்ணனும் கரெக்டா டெலீட் பட்டன் பட்டன் டெலீட் சூப்பர் சோ இதெல்லாமே கிரியேட் பண்ணியாச்சு இப்போ பார்த்தீங்க அப்படின்னா இந்த மாதிரி உங்களுக்கு அவுட்புட் கிடைக்குது இப்போ இதை நம்ம ஸ்டைல் பண்ணனும் அகைன் இப்ப நான் css ஓபன் பண்றேன் இப்ப css-ல பண்ண வேண்டிய ஸ்டைலிங் எல்லாம் பண்ணப்போறேன் டாட் கண்டெய்னர் டாட் கண்டெய்னர் இந்த கண்டெய்னருக்குள்ள ஃபர்ஸ்ட் பேடிங் செட் பண்ணப்போறேன் பேடிங் லெட் இட் பி 10 பிக்சல் சோ தட் இப்போ இங்க ஒரு எனக்கு ஒரு கேப் கிடைக்கும் ஓகே இந்த கேப் லுக்ஸ் குட் அடுத்து புக் கண்டெய்னர் செலக்ட் பண்றேன் டாட் புக் ஹைபன்

கண்டெய்னர் இந்த புக் கண்டெய்னருக்குள்ள ஃபர்ஸ்ட் லெட் மீ ஆட் டெக்ஸ்ட் அலைன் சென்டர் எல்லாமே சென்டர்ல இருக்கணும்னு சொல்லி சொல்றேன் ஓகே நாட் சென்டர் அப்கோர்ஸ் நாட் சென்டர் ஓகே டெக்ஸ்ட் லைன் லெஃப்ட்லயே இருக்கட்டும் ஏன்னா நமக்கு சென்டர்ல வர வேணாம் பேடிங் செட் பண்ணிக்கிறேன் பேடிங் ஒரு 15 பிக்சல் செட் பண்ணிக்கிறேன் அண்ட் தென் விட்த் ஒரு 25% செட் பண்றேன் சோ தட் இந்த மாதிரி எனக்கு ஒரு அவுட்புட் கிடைச்சிருச்சு அடுத்து இது கூடவே ஒரு பேக்ரவுண்ட் கலர் ஆட் பண்ணிக்கலாம் பேக்ரவுண்ட் கலர் கேன் பிளாக் பார்டர் ரேடியஸ் ஒரு 10 பிக்சல் சோ இப்ப நான் அவுட்புட் பார்க்கிறேன் கூல் பட் கலர் வந்து பிளாக்ல இருக்கு சோ தட் கலர் மாத்தணும் கலர் வந்து ஒயிட்ல கொடுத்துக்கலாம் சூப்பர் கலர் ஒயிட்ல கொடுத்தாச்சு அண்ட் நெக்ஸ்ட் ஒரு மார்ஜின்

கொடுத்துக்கலாம் கொஞ்சம் எக்ஸ்ட்ராவா மார்ஜின் ஒரு 30 பிக்சல் அண்ட் தென் ஓகே மார்ஜின் ஒரு 30 பிக்சல் சூப்பர் நெக்ஸ்ட் அந்த புக் புக்கோட h1 புக் கண்டெய்னர் h1 டேகுக்கு ஒரு கலர் மட்டும் ஆட் பண்றேன் சேம் கலர் இதுக்கு முன்னாடி கொடுத்த அதே கலர் வந்து ஆட் பண்ணிக்கிறேன் டாட் புக் கண்டெய்னர் h1 ஓகே இட்ஸ் நாட் h1 இட்ஸ் h2 ஆக்சுவலி ஓகே அடுத்து கீழ இருக்கிற இந்த பட்டனை ஸ்டைல் பண்ணனும் டாட் புக் கண்டெய்னர் ஸ்பேஸ் பட்டன் இந்த பட்டன்க்குள்ள பேக்ரவுண்ட் கலர் இந்த பேக்ரவுண்ட் கலர் கொடுத்துக்கிறேன் டெக்ஸ்டோட கலர் பிளாக்ல வேணும் அந்த பட்டனுக்கு ஒரு பார்டர் ரேடியஸ் செட் பண்ணிக்கிறேன் 10 பிக்சல்ன்னு சொல்லி அதுக்கு ஒரு பேடிங் டாப் 5 பிக்சல் செட் பண்ணிக்கிறேன் அண்ட் தென் பேடிங் பாட்டம் ஒரு 5 பிக்சல்

செட் பண்ணிக்கிறேன் அண்ட் தென் பேடிங் லெஃப்ட் ஒரு 10 பிக்சல் பேடிங் ரைட் ஒரு 10 பிக்சல் சோ எப்படி இருக்குன்னு பார்க்கலாம் சூப்பர் இட் லுக்ஸ் குட் பட் பார்டர் இருக்கு நமக்கு அந்த பார்டர் தேவையில்லை பார்டரை ரிமூவ் பண்ணிரலாம் பார்டர் நன் ஓகே சோ தட் ஓகே இப்ப இந்த மாதிரி இருக்கு லுக்ஸ் குட் அண்ட் தென் மார்ஜின் டாப் கொஞ்சம் பட்டன் கீழ இறங்கி இருந்தா நல்லா இருக்கும் மார்ஜின் டாப் ஒரு 10 பிக்சல் ஓகே சூப்பர் நமக்கு பக்காவான ஒரு டிசைன் வந்து ரெடி ஆயிடுச்சு சூப்பர் இல்ல ஓகே நெக்ஸ்ட் திங் இஸ் நம்ம இங்க கீழ ஒரு பட்டன் இந்த பட்டனை வந்து நம்ம ஆட் பண்ணனும் இந்த பிளஸ் பட்டன் இருக்குல்ல அந்த பிளஸ் பட்டனை இங்க ஆட் பண்ணனும் ஓகே சோ நெக்ஸ்ட் அந்த

பிளஸ் பட்டனை வந்து நம்ம ஆட் பண்ணிக்கலாம் ஓகே இங்க இதுக்கு கீழ ஐ அம் ஆடிங் தட் பட்டன் பட்டன் கிளாஸ் = ஆட் ஹைபன் பட்டன் அது கூடவே இதுக்கு ஒரு ஐடி செட் பண்ணிக்கிறேன் ஏன்னா இந்த ஐடிய கிளிக் பண்றப்ப நமக்கு ஒரு பாப் அப் வரணும் ஐடி = ஆட் பாப் அப் பட்டன் என் பட்டனுக்குள்ள பிளஸ் போட்டுக்குறேன் ஓகே சோ எனக்கு இப்ப இந்த மாதிரி ஒரு பட்டன் வந்து கீழ மட்டும் கிரியேட் ஆயிருக்கும் பாருங்க இங்க ஒரு பட்டன் குட்டியா கிரியேட் ஆயிருக்கு ஆனா நமக்கு அந்த பட்டனை ஸ்டைல் பண்ணனும் இப்போ ஓகே இப்ப அந்த பட்டனை நம்ம ஸ்டைல் பண்ணலாம் சோ அகைன் ஆட் ஹைபன் பட்டன் பேக்ரவுண்ட் கலர் செட் பண்ணிட்டேன் கலர் இட்ஸ் கோயிங் டு பிளாக் பார்டர் ரேடியஸ் 100% கொடுக்கிறேன்

ஏன்னா எனக்கு சர்க்கிள்ல வரணும் அண்ட் தென் பேடிங் டாப் வந்து ஒரு 20 பிக்சல் செட் பண்ணிக்கிறேன் பேடிங் பாட்டம் ஒரு 20 பிக்சல் செட் பண்ணிக்கிறேன் அண்ட் தென் பேடிங் லெப்ட் ஒரு 30 பிக்சல் அண்ட் தென் பேடிங் ரைட் ஒரு 30 பிக்சல் அண்ட் தென் ஃபான்ட் சைஸ் இன்கிரீஸ் பண்ணிக்கலாம் ஒரு 40 பிக்சல் சோ தட் இப்ப எப்படி இருக்குன்னு பார்க்கலாம் ஓகே இந்த மாதிரி சர்க்கிள் கிடைச்சிருச்சு பட் இந்த சர்க்கிள் நமக்கு ரைட் சைடு இருக்கணும் இல்லையா அதுக்கு நான் என்ன பண்ண போறேன் ஃபர்ஸ்ட் இதோட பார்டர் ரிமூவ் பண்ணிரலாம் பிளாக் கலர்ல ஒரு பார்டர் இருக்கு வேணாம் இதோட பொசிஷனை பிக்ஸ்டா மாத்த போறேன் இதோட பொசிஷனை பிக்ஸா மாத்திட்டு பாட்டம் 30 பிக்சல் அண்ட் தென் ரைட் 30 பிக்சல் சோ இப்ப இதை ரன்

பண்ணி பார்க்கிறேன் கோல் எனக்கு ரைட் சைடு இந்த பட்டன் வந்து வந்துருச்சு ஓகே சூப்பர் நெக்ஸ்ட் என்ன பண்ணனும் நெக்ஸ்ட் இந்த பட்டனை கிளிக் பண்ணா எனக்கு ஒரு பாப் அப் வரணும் கரெக்டா போன தடவை நம்ம பண்ண மாதிரி அந்த பாப் அப் இப்ப கிரியேட் பண்ணலாம் ஃபர்ஸ்ட் அந்த பாப் அப் இந்த பட்டனுக்கு மேல கிரியேட் பண்ணலாம் ஓகேவா அதுக்கு நான் இப்ப ஒரு சிஎஸ்எஸ் அண்ட் கோடு எல்லாமே எழுதணும் டெப் கிளாஸ் = ஃபர்ஸ்ட் அந்த பாப் அப்ோட ஓவர்லே ஃபர்ஸ்ட் அந்த பாப் அப் ஓவர்லே அதாவது அந்த பிளாக் கலர்ல ஃபர்ஸ்ட் கிரியேட் ஆகணும் இல்லையா அதை ஃபர்ஸ்ட் டைல் பண்ணிரலாம் டாட் பாப் அப் ஓவர்லே ஓகே சோ இந்த பாப் அப் ஓவர்லே ஃபர்ஸ்ட் இதோட பேக்ரவுண்ட் கலர் பிளாக் அதோட ஒப்பாசிட்டி 08 செட்

பண்ணிக்கலாம் நம்ம போன தடவை பண்ண மாதிரிதான் அண்ட் தென் இதோட பொசிஷன் அப்சல்யூட் இதோட விட்த் 100% இதோட ஹைட் அகைன் 100% டாப் 0 லெஃப்ட் 0 சோ இதை நான் ரன் பண்ணி பார்க்கிறேன் சூப்பர் அந்த பிளாக் ஓவர்லே எனக்கு கிடைச்சிருச்சு பட் பாருங்க இந்த பட்டன் வந்து வெளிய இருக்கு சோ இதுக்கு நான் ஒரு செட் இன்டெக்ஸ் செட் பண்ணிக்கிறேன் z இன்டெக்ஸ் 1ன்னு சொல்லி செட் பண்ணிக்கிறேன் இப்ப எனக்கு அந்த ஓவர்லே ஃபுல்லா மேல வந்துருச்சு ஓகே அடுத்து இந்த ஓவர்லேக்கு மேல கவனிங்க ஒரிஜினல் அவுட்புட் காட்டுறேன் இதை கிளிக் பண்றப்ப இந்த மாதிரி ஒரு பாக்ஸ் வரணும் இல்லையா சோ அந்த பாக்ஸை இப்ப நான் இங்க கிரியேட் பண்ண போறேன் சோ இந்த ஓவர்லே கீழ டிவ் கிளாஸ் = ஒரு பாப் அப் பாக்ஸ்ன்னு

கிரியேட் பண்ணிக்கலாம் ஓகே சோ இந்த பாப் அப் பாக்ஸ்குள்ள என்னெல்லாம் இருக்க போகுது ஃபர்ஸ்ட் h2 ஒரு டைட்டில் இருக்க போகுது ஆட் புக் அண்ட் தென் இந்த s2 க்கு கீழ ஒரு ஃபார்ம் நான் கிரியேட் பண்ண போறேன் ஆக்சன் எதுவும் வேணாம் இந்த ஃபார்ம்குள்ள எனக்கு என்னென்ன இருக்க போகுது ஃபர்ஸ்ட் ஒரு இன்புட் டேக் இந்த இன்புட் டேக்ல பிளேஸ் ஹோல்டர் செட் பண்ணிக்கிறேன் பிளேஸ் ஹோல்டர் = புக் டைட்டில் அது கூடவே இதுக்கு ஒரு ஐடி செட் பண்ணிக்கிறேன் ஓகே புக் டைட்டில் இன்புட் ஒரு ஐடி செட் பண்ணிக்கிறேன் அடுத்து அடுத்த ஒரு இன்புட் கிரியேட் பண்றேன் இன்புட் டைப் = டெக்ஸ்ட் இதுக்கு ஒரு பிளேஸ் ஹோல்டர் கிரியேட் பண்ணலாம் புக் ஆத்தர் இதுக்கும் ஐடி வந்து புக் ஆத்தர் இன்புட் ஓகே அடுத்த ஒரு இன்புட் டேக்

இந்த இன்புட் டேக்கு பிளேஸ் ஹோல்டர் ஓகே அடுத்து இன்புட் டேக் வேணாம் டெக்ஸ்ட் ஏரியா கிரியேட் பண்ணிக்கலாம் ஓகேவா டெக்ஸ்ட் ஏரியா கிரியேட் பண்ணிக்கலாம் இந்த டெக்ஸ்ட் ஏரியாக்கு ஒரு பிளேஸ் ஹோல்டர் செட் பண்ணிக்கலாம் ஷார்ட் டிஸ்கிரிப்ஷன் இதுக்கு ஒரு ஐடி செட் பண்ணிக்கலாம் புக் டிஸ்கிரிப்ஷன் இன்புட் ஓகே சூப்பர் சோ இப்ப போயிட்டு இதோட அவுட்புட் செக் பண்ணி பார்க்கலாம் என்னவா இருக்குன்னு சொல்லி இப்ப நான் ரெஃப்ரெஷ் பண்றேன் இங்க பாருங்க இங்க பின்னாடி அதாவது இந்த ஓவர்லேக்கு பின்னாடி எனக்கு கிரியேட் ஆயிருக்கு ஓகேவா இப்ப நான் ஸ்டைலிங் எல்லாமே ஆட் பண்ணி இதை நான் முன்னாடி கொண்டு வரணும் அதுக்கு முன்னாடி இங்க இன்னும் ரெண்டு பட்டன் ஆட் பண்ணனும் இங்க ஒரு பட்டன் ஆட் பண்றேன் ஃபர்ஸ்ட் பட்டன் ஆட் பண்றப்ப ஆட்ன்னு சொல்லி ஒரு பட்டன் ஆட் பண்ணனும்

ஏன்னா ஒரு பட்டன் கிளிக் பண்ணா எனக்கு ஆட் ஆகணும் இன்னொரு பட்டனை கிளிக் பண்ணா எனக்கு கேன்சல் ஆகணும் ஓகேவா சோ இது ரெண்டுக்குமே ஒரு ஐடி கிரியேட் பண்ணப்போறேன் ஐடி = ஆட் புக் அடுத்து கேன்சலுக்கு ஐடி = கேன்சல் செல் பாப் அப் அந்த பாப்அப்ப கேன்சல் பண்ணனும் அப்படின்னு சொல்லிட்டு ஒரு ஐடி செட் பண்ணிக்கிறேன் ஓகே சோ இப்போ இதுக்கு ஸ்டைல் பண்ண ஆரம்பிக்கலாம் ஓகே சோ நெக்ஸ்ட் இதுக்கு வந்து இப்ப நம்ம ஸ்டைல் பண்ண போறோம் போறோம் இதுவரைக்கும் நம்ம கிரியேட் பண்ண இந்த இன்புட் பாக்ஸ் எல்லாத்துக்கும் ஃபர்ஸ்ட் அந்த பாப் அப் பாக்ஸ்ல இருந்து ஆரம்பிக்கலாம் டாட் பாப் அப் பாக்ஸ் இந்த பாப் அப் பாக்ஸ்க்கு ஒரு பேக்ரவுண்ட் கலர் செட் பண்றேன் பேக்ரவுண்ட் கலர் பிளாக் ஓகே நாட் பிளாக் இதோட பேக்ரவுண்ட் கலர்

வந்து நமக்கு இந்த கலர்ல இருக்கணும் விட்த் 40% இருந்தா ஓகே அண்ட் தென் இதுக்கு ஒரு பேடிங் கொடுக்கிறேன் 40 பிக்சல் சோ இப்ப எப்படி இருக்குதுன்னு பார்க்கலாம் பாருங்க இந்த மாதிரி பின்னாடி வந்து கிரியேட் ஆயிருக்கு பேக்ரவுண்ட்ல ஓகே சோ அடுத்து பார்டர் ரேடியஸ் ஒரு 10 பிக்சல் அண்ட் தென் இதோட பொசிஷனை அப்சல்யூட்டா மாத்தி டாப் ஒரு 20% அண்ட் லெப்ட் ஒரு 20% சுட் வொர்க் ஓகே அண்ட் இதோட z இன்டெக்ஸ் 2ன்னு வச்சுக்கிறேன் ஏன்னா ஆல்ரெடி இது ஒன்னு இருக்கு அதுக்கு மேல இது வரணும் சோ z இன்டெக்ஸ் 2ல வச்சுக்கிறேன் இப்ப நான் ரெஃப்ரெஷ் பண்ணி பார்க்கிறேன் சூப்பர்ப் எனக்கு இந்த ஆட் புக்ன்றது இங்க வந்துருச்சு அடுத்து உள்ள இருக்கிறது எல்லாத்தையுமே நான் வந்து இப்ப ஸ்டைல் பண்ணனும் ஓகே சோ நெக்ஸ்ட் இந்த பாப்

அப் பாக்ஸ்க்கு உள்ள இருக்கிற இன்புட் டாட் பாப் அப் பாக்ஸ் இன்புட் இந்த இன்புட்டுக்கு பேக்ரவுண்ட் டிரான்ஸ்பரண்ட்ன்னு செட் பண்ணிக்கிறேன் ஏன்னா பேக்ரவுண்ட் டீபால்ட்டா ஒயிட்ல இருக்கும் அந்த மாதிரி இல்லாம பின்னாடி என்ன இருக்கோ அது இருந்தா போதும் அதே மாதிரி பார்டரை நன்னாக்குறேன் எனக்கு ஆல்ரெடி இருக்கிற எந்த பார்டரும் வேணாம் அதோட விட்த்தை 100% மாத்துறேன் சோ தட் எனக்கு எல்லாமே கீழ கீழ இருக்கும் மார்ஜின் ஒரு 5 பிக்சல் கொடுத்துக்கலாம் அதுகூட பேடிங்கும் ஒரு 5 பிக்சல் கொடுத்துக்கலாம் ஃபான்ட் சைஸ் எதுக்கு நான் செட் பண்றேன் இது ஒரு 20 பிக்சல் ஓகே அண்ட் தென் பார்டர் வந்து மொத்தமா வேணாம் ஆனா கீழ மட்டும் இருந்தா நல்லா இருக்கும் சாலிட் பிளாக் டூ பிக்சல் சோ இப்ப நான் ரெஃப்ரெஷ் பண்றேன் சூப்பர் ஓரளவு எல்லாமே ரெடி ஆயிடுச்சு கொஞ்சம்

இன்னும் பாதி வேலை இருக்கு அடுத்து டெக்ஸ்ட் ஏரியா வந்து சரி பண்ணலாம் இதே மாதிரி ஓகே சேம் இதேதான் டெக்ஸ்ட் ஏரியாவுக்கும் நம்ம யூஸ் பண்ணப்போறோம் சோ கண்ட்ரோல் சி கண்ட்ரோல் வி இன்புட் பாக்ஸ மட்டும் எடுத்துட்டு டெக்ஸ்ட் ஏரியா சோ செக் பண்ணி பார்க்கலாம் சூப்பர் டெக்ஸ்ட் ஏரியாவுக்கும் கிடைச்சிருச்சு பட் டெக்ஸ்ட் ஏரியாவுக்கு வந்து நம்ம பார்டர் பாட்டம் கொடுக்க தேவையில்லை மொத்த பார்டரும் நம்ம செட் பண்ணிக்கலாம் பார்டர் நன் எடுத்துரலாம் ஓகே ஓகே அடுத்து இதுக்குள்ள இருக்கிற இந்த பிளேஸ் ஹோல்டர் எல்லாம் பாருங்க பிரா ஒரு மாதிரி கிரே கலர்ல இருக்கு பட் நமக்கு பிளாக் கலர்ல வேணும் சோ அகைன் டாட் பாப் அப் பாக்ஸ் இன்புட் கோலன் பிளேஸ் ஹோல்டர் இந்த பிளேஸ் ஹோல்டரோட கலர் குட் பிளாக் ஓகே கலர் பிளாக் ஆயிடுச்சு அதே மாதிரி டெக்ஸ்ட்

ஏரியாவோட கலரும் பிளாக்கா மாறனும் காப்பி பேஸ்ட் பண்ணி இன்புட்டுக்கு பதிலா டெக்ஸ்ட் ஏரியா போட்டுக்குறேன் இப்ப நான் இதை ரெஃப்ரெஷ் பண்ணி பார்க்கிறேன் ஓகே அதுவும் பிளாக் ஆயிடுச்சு சூப்பர் அடுத்து அந்த பட்டனை கரெக்டா உள்ள இருக்கிற அந்த பட்டனை சரி பண்ணனும் டாட் பாப் அப் பாக்ஸ் பட்டன் பாப் அப் பாக்ஸ்க்கு உள்ள இருக்கிற பட்டன் அதோட பேக்ரவுண்ட் கலர் பிளாக் அதோட பேடிங் லெஃப்ட் வந்து ஒரு 20 பிக்சல் பேடிங் ரைட் ஒரு 20 பிக்சல் அண்ட் தென் பார்டர் வந்து எதுவும் வேணாம் பார்டர் நன் செட் பண்ணிக்கலாம் சோ எப்படி இருக்குன்னு பார்க்கலாம் ஓகே இந்த மாதிரி இருக்கு ஓகே அடுத்து நம்ம பண்ண வேண்டியதெல்லாம் பண்ணுவோம் பேடிங் டாப் நான் கொடுக்கவே இல்லையா ஓகே பேடிங் டாப் ஒரு 10 பிக்சல் அண்ட் தென் பேடிங் பாட்டம் ஒரு

10 பிக்சல் ஓகே வாட் கலர் டெக்ஸ்ட் வந்து ஒயிட்டுக்கு மாத்துறேன் மார்ஜின் வந்து ஒரு பைவ் பிக்சல் செட் பண்ணிக்கிறேன் ஐ திங்க் இட் சுட் பி குட் ஓகே சூப்பர் ஆட் கிரியேட் ஆயிடுச்சு கேன்சல் பட்டன் கிரியேட் ஆயிடுச்சு பக்கா இல்ல சூப்பர் நமக்கு இப்போ அந்த ஆட் புக் வந்து நமக்கு இப்போ கிரியேட் ஆயிடுச்சு இந்த பாப் அப் [இசை] அண்ட் ஓ இந்த மாதிரி நான் கைய வச்சா இப்படி ஒரு இது வருது இது வேணாம் அது எப்படி கிளியர் பண்றது அப்படின்னா டாட் பாப் அப் பாக்ஸ் இன்புட் கோலன் போக்கஸ் எப்பலாம் இன்புட் போக்கஸ் ஆகுதோ அப்போ அதோட அவுட்லைன நன் ஆக்கிறேன் இதே மாதிரி டெக்ஸ்ட் ஏரியாவுக்கும் பண்ணிடுறேன் இதே மாதிரி டெக்ஸ்ட் ஏரியாவுக்கும் பண்ணிடுறேன் டெக்ஸ்ட் ஏரியா ஓகே சூப்பர் எல்லாம் ரெடி இப்போ பக்கா

இப்ப நம்ம எல்லாமே நம்ம பக்காவா நம்ம வந்து ரெடி பண்ணியாச்சு சோ நீங்களும் இதுவரைக்கும் கம்ப்ளீட் பண்ணி இருப்பீங்க அப்படின்னு சொல்லி நினைக்கிறேன் சிஎஸ்எஸ் சேர்த்து பண்றப்போ உங்களுக்கு ஒரு பெட்டர் ஐடியா கிடைக்கும் எந்த மாதிரி நம்ம வந்து பண்ணலாம் அப்படின்னு சொல்லி அதனாலதான் நான் வந்து இப்போ சிஎஸ்எஸ் உங்களுக்கு வந்து சேர்த்து ஆட் பண்ணேன் அண்ட் இந்த லெஃப்ட் வந்து 30% வச்சுக்கலாம் பிகாஸ் இங்க பாருங்க ஓகே இப்பதான் பக்காவா சென்டர்ல இருக்கு இப்போ இனிஷியலா இந்த பாப் அப் பாக்ஸ ஓட டிஸ்ப்ளேவை நன் கொடுக்க போறேன் காணாம போயிருச்சு அதே மாதிரி இந்த பாப் அப் ஓவர்லேவோட டிஸ்ப்ளே ப்ராப்பர்ட்டியும் நன்னு கொடுக்கப்போறேன் இதுவும் காணாம போச்சு இப்போ இந்த பிளஸ் பட்டனை கிளிக் பண்றப்ப மட்டும் என்ன ஆகணும் அந்த பாப் அப் வரணும் ஓகே சோ இப்ப நான்

ஜாவாஸ்கிரிப்ட் எழுதப்போறேன் அந்த பட்டன் எங்க இருக்குன்னு பாருங்க இங்க இருக்கு இந்த பிளஸ் பட்டனை கிளிக் பண்றப்ப எனக்கு ஷோ ஆகணும் இந்த பிளஸ் பட்டனை கிளிக் பண்றப்ப எது எதோட ப்ராப்பர்ட்டியை நான் மாத்த போறேன் இந்த பட்டனை நான் கிளிக் பண்ண போறேன் ஓகே அப்ப இந்த பட்டனை நான் செலக்ட் பண்ணனும் அதே மாதிரி இந்த பட்டனை கிளிக் பண்றப்ப இந்த ஓவர்லேவை நான் என்ன பண்ணனும் டிஸ்ப்ளே பிளாக்கா மாத்தணும் இந்த பாப் அப் பாக்ஸ டிஸ்ப்ளே பிளாக்கா மாத்தணும் அப்ப இது மூணையும் நான் செலக்ட் பண்ணனும் ஓகேவா ஃபர்ஸ்ட் செலக்டிங் என்னென்ன செலக்ட் பண்றேன் பாப் அப் பாக்ஸ் பாப் அப் ஓவர்லே அண்ட் தென் பட்டன் இது மூணையும் நான் ஃபர்ஸ்ட் செலக்ட் பண்ணனும் ஓகே ஓகே வேர் பாப் அப் ஓவர்லே = டாக்குமெண்ட் டாட் நான் கிளாஸ்ல

அங்க எழுதி இருக்கேன் அதனால குவை செலக்டர் ஆட் பண்றேன் குவாரி செலக்டர் ஆட் பண்ணி இங்க டாட் குறி செலக்டர் கூட பாப் அப் ஓவர்லே கரெக்டா பாப் அப் ஓவர்லே அதே மாதிரி வேர் பாப் அப் பாக்ஸ் = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐ டெக் ஓகே குறி செலக்டர் தான் அகைன் குறி செலக்டர் பாப் அப் பாக்ஸ் நிறைய டைம் டாட் போட மறந்துடுவோம் சோ மறக்காம அந்த டாட் போட்டுக்கோங்க பாப் அப் ஓவர்லே பாப் அப் பாக்ஸ் சோ ரெண்டும் வந்து நமக்கு கிரியேட் ஆயிடுச்சு அடுத்து அந்த பட்டன் நமக்கு செலக்ட் பண்ணனும் இல்லையா வேர் ஆட் பாப் அப் பட்டன் = டாக்குமெண்ட் டாட் இதுக்கு வந்து நான் ஐடி தான் ஆட் பண்ணியிருக்கேன் சோ கெட் எலிமெண்ட் பை ஐடி ஐடியோட பேர் என்ன கொடுத்திருக்கோம்

ஆட் பாப் அப் பட்டன் காப்பி பண்ணிக்கிறேன் ஆட் பாப் அப் பட்டன் இதை நான் இங்க பேஸ்ட் பண்ணிடுறேன் சூப்பர் சோ மூணு வந்து ரெடி ஆயிடுச்சு இப்போ எப்பலாம் இந்த பட்டன் கிளிக் ஆகுதோ அப்போ இந்த பாப் அப் ஓவர்லேயும் பாப் அப் பாக்ஸையும் நான் என்னவா மாத்தணும் நன்னா மாத்தணும் ஆட் பாப் அப் பட்டன் டாட் இங்க வந்து நான் என்ன கொடுக்கப்போறேன் பாப் அப் பட்டன் கூட ஈவென்ட் லிசனர் ஆட் பண்றேன் ஆட் ஈவென்ட் லிசனர் எப்பலாம் இது கிளிக் ஆகுதோ அப்போ ஃபங்க்ஷன் பாப் அப் ஓவர்லேயோட டிஸ்ப்ளே ப்ராப்பர்ட்டிய பிளாக்கா மாத்தணும் கரெக்டா ஏன்னா அதை கிளிக் பண்றப்ப நமக்கு தெரியணும் அதே மாதிரி பாப் அப் பாக்ஸோட டிஸ்ப்ளே ப்ராப்பர்ட்டிய பிளாக்கா மாத்தணும் ரெண்டையுமே பிளாக்கா மாத்தணும் ஓகே நான் எழுதி இருக்கிறது தப்பா கரெக்டா தப்பு

ஸ்டைல் டாட் டிஸ்ப்ளே நம்ம போடணும் ஓகே சோ கரெக்டா போடுங்க அண்ட் தென் அதே மாதிரி இங்கயும் ஸ்டைல் டாட் டிஸ்ப்ளே ஓகே சோ ஐ கெஸ் எல்லாம் கரெக்ட்ன்னு இப்போ இந்த பட்டனை கிளிக் பண்றப்ப எனக்கு பாப் அப் வரணும் வருதான்னு செக் பண்ணலாம் சூப்பர் பக்காவா நம்ம பண்ணியாச்சு பாப் அப் வருது உங்களுக்கு ஒருவேளை பாப் அப் வரல அப்படின்னா எங்கயாவது ஏதாவது சின்ன மிஸ்டேக் பண்ணிருப்பீங்க கன்சோல் நீங்க ரைட் கிளிக் பண்ணி இன்ஸ்பெக்ட் போய் ஏதாவது எரர் வந்திருக்கா எரர் பண்ணிருக்கீங்களா அப்படின்னு சொல்லி செக் பண்ணுங்க ஓகே நெக்ஸ்ட் அடுத்து இந்த கேன்சல் பட்டனை கிளிக் பண்றப்ப ஓகே வேற ஆமை இந்த கேன்சல் பட்டனை கிளிக் பண்ணா எனக்கு வந்து கேன்சல் ஆகணும் சோ அதுக்கு வந்து நான் கோடு எழுதணும் இந்த கேன்சல் பாப் அப் கிளிக்

பண்ணா எனக்கு வந்து கேன்சல் ஆகணும் ஆனா கவனிங்க பட்டனை கிளிக் பண்றேன் கேன்சல் நான் எழுதாமையே கேன்சல் ஆகுது என்ன நடக்குதுன்னு கவனிக்கிறீங்களா இங்க கேன்சல் கிளிக் பண்ணாமையே எனக்கு வந்து கேன்சல் ஆகுது சோ இப்ப இங்க ஒரு டாபிக் நான் வந்து எக்ஸ்பிளைன் பண்ண போறேன் ஓகே சோ இதை நீங்க என் கூட சேர்ந்து டைப் பண்ண வேணாம் ஜஸ்ட் கவனிங்க ஜஸ்ட் கவனிங்க இங்க ஒரு டாபிக் நான் வந்து உங்களுக்கு எக்ஸ்பிளைன் பண்ண போறேன் டெமோட் இங்க ஒரு ஃபார்ம் நான் கிரியேட் பண்றேன் ஓகே இந்த ஃபார்ம்ல ஆக்சன் ஒரு அட்ரிபியூட் இருக்கு இப்போதைக்கு அப்படியே இருக்கட்டும் இப்ப இந்த ஃபார்ம்ல ஒரு இன்புட் பாக்ஸ் கிரியேட் பண்றேன் இங்க வந்து ஒரு பட்டன் கிரியேட் பண்றேன் ஓகே பட்டன் வந்து கிளிக்ன்னு கிரியேட் பண்றேன் இப்ப நான் ரெஃப்ரெஷ் பண்ணி

இதை பார்க்கிறேன் ஜஸ்ட் கவனிங்க இப்ப இந்த கிளிக்க கிளிக் பண்றப்ப ஆட்டோமேட்டிக்கா என்ன நடக்குதுன்னு பாருங்களேன் இந்த பேஜ் வந்து ரெஃப்ரெஷ் ஆகுது ஆட்டோமேட்டிக்கா இந்த பேஜ் வந்து ரெஃப்ரெஷ் ஆகுது என்ன நடக்கும் அப்படின்னா இந்த பட்டன் ஆட்டோமேட்டிக்காவே சப்மிட் பட்டனா ரியாக்ட் ஆகும் பட்டன் டீபால்ட்டாவே சப்மிட் பட்டனா ரியாக்ட் ஆகும் இந்த சப்மிட் பட்டனை நம்ம கிளிக் கிளிக் பண்ண போகுது கிளிக் பண்றப்ப இந்த பேஜ் ரெஃப்ரெஷ் ஆகுது இங்க என்ன நடக்குது அப்படின்னா இப்ப நான் இங்க ஒரு mintracom-ன்னு சொல்லி நான் வெப்சைட் ஓபன் பண்ணிக்கிறேன் இந்த வெப்சைட்டோட லிங்க்க மட்டும் நான் காப்பி பண்ணிக்கிறேன் ஓகே க்ளோஸ் பண்ணிடுறேன் இப்ப நான் இந்த இடத்துல ஆக்ஷன்ல அந்த mintracom போடுறேன் இப்ப நான் ரெஃப்ரெஷ் பண்ணிட்டு இந்த பட்டனை கிளிக் பண்றப்ப என்ன ஆகும் அப்படின்னா எனக்கு அந்த ஆக்ஷன்ல

என்ன லிங்க் போட்டு இருக்கேனோ அந்த லிங்க்க்கு எனக்கு ஓபன் ஆகும் சோ இது எப்படி ஒர்க் ஆகுது ஏன் இந்த மாதிரி ஓபன் ஆகுதுன்னு சொல்லி இது எல்லாத்தையுமே நீங்க பேக் எண்ட்ல லேர்ன் பண்ணுவீங்க எதுக்கு இந்த ஆக்சன் அட்ரிபியூட் இருக்குன்னு சொல்லி சொல்லி சோ இப்ப நீங்க ஆக்ஷன் அட்ரிபியூட் இல்லை அப்படின்றப்ப சேம் பேஜ் திரும்ப திரும்ப லோட் ஆகும் ஆக்ஷன் அட்ரிபியூட் இல்லைன்றப்ப சேம் பேஜ் திரும்ப திரும்ப லோட் ஆகும் எனக்கு இந்த மாதிரி சேம் பேஜ் திரும்ப திரும்ப லோட் ஆகக்கூடாது அப்படின்னா நீங்க என்ன பண்ணலாம் அப்படின்னா ஸ்கிரிப்ட்ல நீங்க வந்து இது கூட ஒரு ஈவென்ட் லிசனரோ இல்ல ஒரு ஆன் கிளிக் ஹேண்ட்லரோ யூஸ் பண்ணி நீங்க வந்து டெஃப்ன்னு சொல்லி ஒரு ஃபங்க்ஷன் நான் வந்து சும்மா கிரியேட் பண்றேன் ஃபங்க்ஷன் டெப் இங்க இருந்து

இங்க நான் ஒரு ஈவென்ட் பாஸ் பண்ணிக்கிறேன் இந்த ஈவென்ட்ட இங்க நான் பாஸ் பண்ணிக்கிறேன் டீபால்ட்டா என்ன ஆகுது சப்மிட் பட்டனை கிளிக் பண்ணா ஆக்சன் வந்து ஒர்க் ஆயிட்டே இருக்கு அந்த டீபால்ட்னஸ் நான் ஸ்டாப் பண்ண போறேன் ஈவென்ட் டாட் பிரிவென்ட் டிபால்ட் அப்படின்ற இந்த பங்க்ஷன நான் யூஸ் பண்ணேன் அப்படின்னா இப்ப கவனிங்க இப்ப நான் இதை கிளிக் பண்றப்ப இது எனக்கு வந்து ரெஃப்ரெஷ் ஆகல ஏன்னா இந்த பட்டன் கிளிக் பண்றப்ப இந்த பங்க்ஷன் கால் ஆகுது இந்த பங்க்ஷன் கால் ஆகுறப்ப ஈவென்ட் பிரிவென்ட் டிபால்ட் வழக்கமா சப்மிட் பட்டனை கிளிக் பண்றப்ப என்ன நடக்கணுமோ அது நடக்க வேணாம்னு சொல்லி சொல்லிடுறேன் ஓகே இப்ப அதே மெத்தட் தான் இங்க பண்ணப்போறோம் எப்பலாம் இந்த கேன்சல் பட்டன் கிளிக் ஆகுதோ அப்போ ஃபர்ஸ்ட் நான் வந்து கேன்சல் பட்டனை

செலக்ட் பண்ணிக்கிறேன் செலக்ட் கேன்சல் பட்டன் வேர் கேன்சல் பட்டன் = டாக்குமெண்ட் கெட் எலிமெண்ட் பை ஐடி கேன்சல் பட்டன் கரெக்டாதான் எழுதி இருக்கேன்னா கேன்சல் பாப் அப் ஓகே கேன்சல் பாப் அப் கேன்சல் பாப் அப் ஓகே இப்போ கேன்சல் பாப் அப் ஆட் ஈவென்ட் லிசனர் கிளிக் எப்பலாம் இது கால் ஆகுதோ அப்போ ஒரு பங்க்ஷனை கால் பண்ணி இந்த ஃபங்க்ஷன்ல நான் என்ன சொல்லப்போறேன் ஈவென்ட் டாட் பிரிவென்ட் டிபால்ட் இந்த ஈவென்ட்ட நான் இங்க பாஸ் பண்ணிக்கிறேன் ஈவென்ட் ஓகே ஆட்டோமேட்டிக்கா நான் ஈவென்ட் அங்க இருந்து அனுப்பணும்னு சொல்லி அவசியம் இல்லை ஏன்னா ஈவென்ட் லிசனர்ல டீபால்ட்டாவே நமக்கு ஈவென்ட் கிடைச்சிரும் ஏன்னா அந்த ஐடி யூஸ் பண்ணி நம்ம எந்த எலிமெண்ட்ன்னு சொல்லி கெட் பண்ணிட்டோம் சோ டீபால்ட்டாவே நமக்கு வந்து அந்த ஈவென்ட் கிடைச்சிரும் சோ இப்ப

பாருங்க இப்ப நான் ரெஃப்ரெஷ் பண்ணிட்டு இப்ப நான் இதை கிளிக் பண்றேன் இப்ப நான் கேன்சல் பட்டனை கிளிக் பண்றேன் எனக்கு கேன்சல் ஆகல ஏன்னா டீபால்ட்டா நடக்குறதை நான் ஸ்டாப் பண்ணிட்டேன் இப்போ இந்த கேன்சல் பட்டனை கிளிக் பண்றப்ப எனக்கு இந்த பேஜ் வந்து இந்த டிஸ்பியர் ஆகணும் இந்த பாப் அப் வந்து எனக்கு டிஸ்பியர் ஆகணும் கரெக்டா சோ இப்ப நான் திரும்ப எப்பலாம் கேன்சல் பட்டனை கிளிக் பண்றேனோ அப்ப என்ன பண்ண போறேன் இந்த பாப் அப் ஓவர்லேவை நன்னா ஆக்கப்போறேன் இதோட டிஸ்ப்ளே பிளாக்க நன்னா மாத்துறேன் அப்ப எனக்கு அது டிஸ்பியர் ஆயிரும் நன் நன் ஓகே இப்ப நான் ரெஃப்ரெஷ் பண்றேன் சோ இப்ப நான் இதை கிளிக் பண்றேன் ஓபன் ஆகுது சூப்பர் பக்காவான ஒரு பாப் அப் நம்ம ரெடி பண்ணியாச்சு அடுத்த ஃபங்க்ஷனாலிட்டி

இப்ப நம்ம ஆட் பண்ணப்போறோம் பாப் அப் பட்டன் கிளிக் ஆகுது இப்போ இங்க நான் ஏதோ ஒரு டைட்டில் நான் கிளிக் பண்ணி ஆட் பண்றேன் புக் ஆத்தர் ஆட் பண்றேன் ஷார்ட் டிஸ்கிரிப்ஷன் ஆட் பண்ணி கிளிக் பண்ணிட்டு ஆட் பண்றேன் அப்படின்னா எனக்கு என்னோட பேஜ்ல ஆட் ஆகணும் கரெக்டா சோ இப்போ இப்போ அதுக்கு என்னெல்லாம் தேவையோ அது எல்லாத்தையும் நான் செலக்ட் பண்ண போறேன் நான் எப்பலாம் ஆட் பட்டன் கிளிக் பண்றேனோ அப்போ இந்த கண்டெய்னர்ல அப்பண்ட் ஆகணும் கரெக்டா அதாவது இங்க எனக்கு ஒரு கண்டெய்னர் இருக்கு கரெக்டா இந்த கண்டெய்னர் குள்ள தான் இந்த பாக்ஸ் இருக்கு அப்ப எப்பலாம் நான் வந்து எனக்கு என்ன நடக்கணும் அப்படின்னா கண்ட்ரோல் சி கண்ட்ரோல் விரு செக்ஷன் வந்து எனக்கு கிடைக்கணும் ஓகேவா சோ நான் பிரஷ் பண்ணேன் அப்படின்னா இப்ப

எனக்கு இன்னொரு பாக்ஸ் வந்து கீழ கிடைக்குது ஓகே இந்த பாக்ஸ் எல்லாம் கீழ கீழ போகுது இதை எப்படி சரி பண்ணலாம் அப்படின்னா css-ல உங்களோட புக் கண்டெய்னர் போய்க்கோங்க புக் கண்டெய்னர்ல டிஸ்ப்ளே ப்ராப்பர்ட்டி இன்லைன் பிளாக்ன்னு மாத்திக்கோங்க ஓகே இப்ப எனக்கு பக்கத்துல பக்கத்துல கிடைக்குது ஓகே சூப்பர் இப்ப நான் இதை கிளியர் பண்ணிடுறேன் ஃபர்ஸ்ட் எனக்கு வந்து நான் புக் கண்டெய்னர் செலக்ட் பண்ணனும் செலக்ட் புக் ஓகே ஓவர் ஆல் கண்டெய்னர் செலக்ட் பண்ணனும் செலக்ட் கண்டெய்னர் இந்த கண்டெய்னர் செலக்ட் பண்றேன் அடுத்து எப்பலாம் இந்த ஆட் பட்டன் கிளிக் ஆகுதோ இந்த ஆட் பட்டன் எப்பலாம் ஆட் பாப் அப் பட்டன் இல்ல இந்த ஆட் பட்டன் அதாவது இப்ப நான் இதை கிளிக் பண்றப்ப இந்த ஆட் பட்டனை நான் எப்பலாம் கிளிக் பண்றேனோ அப்ப என்ன ஆகணும்

அப்போ இந்த மூணு இன்புட்ல இருக்கிற வேல்யூவும் எனக்கு வேணும் அப்போ இந்த ஆட் புக் என்ற பட்டனை ஃபர்ஸ்ட் நான் செலக்ட் பண்ணனும் ஆட் புக் ஆட் புக் பட்டனை செலக்ட் பண்ணனும் அடுத்து அதே மாதிரி இந்த புக் டைட்டில் செலக்ட் பண்ணனும் இந்த புக் டைட்டில செலக்ட் பண்ணனும் அதே மாதிரி இந்த புக் ஆத்தர் இன்புட்டை செலக்ட் பண்ணனும் அதே மாதிரி அடுத்து இந்த புக் டிஸ்கிரிப்ஷன் இன்புட்டை செலக்ட் பண்ணனும் ஓகே இது மூணையும் செலக்ட் பண்ணனும் இது ஏன்னா மூணு நாலு ஓகே இதைத்தான் செலக்ட் பண்ணனும் வேர் கண்டெய்னர் = டாக்குமெண்ட் query selector கண்டெய்னர் அடுத்து வேர் ஆட் புக் = டாக்குமெண்ட் கொரி இது கொரி செல்டர் கிடையாது கெட் எலிமெண்ட் பை Id get element by id add book அடுத்து வேர் புக் டைட்டில்

இன்புட் = டாக்குமெண்ட் டாட் கெட் எலிமெண்ட் பை ஐடி ஓகே இங்க வந்து எரர் வந்திருக்கு ஓகே கெட் எலிமெண்ட் பை ஐடி என்ன ஐடி புக் டைட்டில் இன்புட் ரைட் யா புக் டைட்டில் இன்புட் ஓகே இதை அப்படியே காப்பி பண்ணி ரெண்டு தடவை பேஸ்ட் பண்ணி இதை மட்டும் சேஞ்ச் பண்ணிக்கிறேன் புக் ஆத்தர் இன்புட் புக் ஆத்தர் இன்புட் கரெக்டா பிக் பண்ணி எடுத்துக்கோங்க புக் டிஸ்கிரிப்ஷன் இன்புட் சூப்பர் ஓகே எல்லாமே ரெடி ஆயிடுச்சு அதை செலக்ட் பண்ண வேண்டியது எல்லாத்தையும் செலக்ட் பண்ணியாச்சு அடுத்து எப்பலாம் இந்த ஆட் புக் கிளிக் ஆகுதோ ஆட் புக் டாட் ஆட் ஈவென்ட் லிசனர் கிளிக் கமான் கமா ஃபங்க்ஷன் எப்பலாம் இந்த ஆட் புக் வந்து கிளிக் ஆகுதோ ஓகே லிசன் கேர்ஃபுல்லி எப்பலாம் இந்த ஆட் புக் வந்து கிளிக் ஆகுதோ

அப்ப நான் என்ன பண்ண போறேன் அப்படின்னா எனக்கு என்ன கிரியேட் ஆகணும் இது ஃபுல்லா கிரியேட் ஆகணும் கரெக்டா நான் ஃபர்ஸ்ட் இந்த டிவ்வை கிரியேட் பண்ணி அந்த டிவுக்குள்ள இது எல்லாத்தையும் நான் போடப்போறேன் ஃபர்ஸ்ட் நான் ஒரு டிவ் கிரியேட் பண்றேன் வேர் டிவ் = டாக்குமெண்ட் கிரியேட் எலிமெண்ட் அந்த எலிமெண்ட்ட நான் கிரியேட் பண்றேன் என்ன கிரியேட் பண்றேன் கிரியேட் எலிமெண்ட்ல டிவ்வ வந்து நான் கிரியேட் பண்றேன் அடுத்து டிவ் டாட் செட் அட்ரிபியூட் இந்த டிவுக்குள்ள ஒரு அட்ரிபியூட் செட் பண்ண போறேன் என்ன அட்ரிபியூட்னா கிளாஸ் இப்ப எனக்கு வந்து வெறும் எம்டி டிவ் தான் கிரியேட் ஆயிருக்கு அந்த எம்டி டிவுக்குள்ள இந்த புக் கண்டெய்னர் அப்படின்ற கிளாஸ் வந்து எனக்கு வேணும் அதனால அந்த கிளாஸ் அட்ரிபியூட்டை நான் ஆட் பண்றேன் ஒரு எனக்கு ஒரு டிவ்

டேக் இங்க கிரியேட் ஆயிடுச்சு அந்த டிவ்வுக்குள்ள ஒரு கிளாஸ் நான் கிரியேட் பண்ணிட்டேன் அடுத்து இந்த டிவ் டாட் இன்னர் html = இங்க ஒரு html நான் ஆட் பண்ண போறேன் ஓகே ஓகே இங்க நான் வந்து இந்த html ஆட் பண்றதுக்கு என்ன யூஸ் பண்ண போறேன் அப்படின்னா கவனிங்க இதுக்கு முன்னாடி நம்ம இந்த மாதிரி h1 அப்படின்னு சொல்லி நம்ம ஆட் பண்ணுவோம் அதே மாதிரி இப்ப நான் இங்க h1ன்னு சொல்லி ஆட் பண்றேன் இந்த h1க்கு நடுவுல இந்த ரிச் புக்கோட டைட்டில் எனக்கு வேணும் கரெக்டா இதுக்கு நடுவுல புக்கோட டைட்டில் எனக்கு வேணும் இந்த மாதிரி இப்ப நான் நடுவுல இந்த டாலர் சிம்பல் போட்டு இப்ப நான் இதுக்குள்ள நான் வந்து புக்கோட டைட்டில் என்னால எழுத முடியும் ஆனா இப்படி டபுள் கொட்டேஷன்ல போட்டீங்கன்னா

உங்களால எழுத முடியாது இதை வந்து ஜாவாஸ்கிரிப்ட்ல டெம்ப்லேட் ரிட்டரல்ஸ் அப்படின்னு சொல்லி சொல்றோம் அதாவது டபுள் கொட்டேஷன் போடுறதுக்கு பதிலா இப்ப நான் உங்க கீபோர்டுல மேல லெஃப்ட் கார்னர்ல ஒரு பட்டன் வந்து உங்களுக்கு இருக்கும் பாருங்க இந்த மாதிரி ஒரு சைடுல அந்த ஆஸ்ட்ரிக் மாதிரி ஒரு கோடு ஒன்னு இருக்கும் ஓகேவா இந்த இந்த குட்டி கோட நீங்க வந்து யூஸ் பண்ணுங்க ஓகே சோ இதை நீங்க யூஸ் பண்ணீங்க அப்படின்னா உங்களுக்கு உங்களோட கோடு வந்து டெம்ப்லேட் லிட்ரலா ஆக்ட் பண்ணும் அதாவது இப்ப நான் இந்த இடத்துல டாலர் சிம்பல் போட்டு நான் வந்து இதுக்குள்ள டைரக்டா என்னால என்ன பண்ணிக்க முடியும் அப்படின்னா புக் டைட்டில் இன்புட் என்னால போட்டுக்க முடியும் புக் டைட்டில் இன்புட் அப்படின்றப்ப என்னோட அந்த இன்புட் டேக் அதாவது இங்க நான் கொடுத்திருக்கேன் இல்லையா

இந்த இன்புட் டேக் இந்த இன்புட் டேக்ல நான் என்ன வேல்யூ கிளிக் பண்ணி கிரியேட் கிரியேட் பண்ணிருக்கேனோ அது டாட் அதுக்குள்ள இருக்கிற வேல்யூ அண்ட் தென் டைரக்டா ஃபர்ஸ்ட் ஒரே ஒரு வேல்யூ மட்டும் இன்செர்ட் ஆகுதான்னு சொல்லி செக் பண்ணி பார்ப்போம் இதை நான் எது கூட அப்பன்ட் பண்ண போறேன் கண்டெய்னரோட கண்டெய்னர் டாட் அப்பண்ட் டிவ் ஓகேவா சோ ஃபர்ஸ்ட் இந்த பட்டனை கிளிக் பண்றப்பயும் இதுவும் ஃபார்ம் குள்ள தான் இருக்கு அதனால இதுவும் அந்த ப்ராப்ளம் வரும் அதனால இதையும் வந்து ஈவென்ட் பிரிவென்ட் டிபால்ட் கிரியேட் கிளிக் பண்ணிரலாம் அப்பதான் ரெஃப்ரெஷ் ஆகாம இருக்கும் ஓகே சோ இப்ப நான் ஆட் கிளிக் பண்றேன் ஓபன் ஆகுது புக் டைட்டில் வந்து சம்திங்னு மட்டும் கொடுத்து இப்ப நான் ஆட் கொடுக்கிறேன் என்ன ஆகுதுன்னு பார்க்கலாம் சூப்பர்ப் எனக்கு வந்து

பின்னாடி ஆட் ஆகுது பாருங்க தெரியுதா சம்திங் கிளிக் பண்ண கிளிக் பண்ண ஆட் ஆகுது ஆனா இந்த பாப் அப் பாக்ஸ் மறைய மாட்டேங்குது இந்த பாப் அப் பாக்ஸ நான் மறைய வைக்கணும் அப்படின்னா திரும்ப நான் என்ன பண்ணனும் எப்பயுமே ஆட் ஆகி முடிஞ்சதுக்கு அப்புறம் திரும்ப இந்த பாப் அப் பாக்ஸ் எல்லாத்தையும் நன்னா மாத்தணும் கிளிக் பண்றேன் சம்திங்னு எழுதுறேன் ஆட் பண்றேன் சூப்பர்ப் அந்த டைட்டில் எனக்கு ஆட் ஆயிடுச்சு ஆனா இது வந்து கீழ ஆட் ஆகுது மேல ஆட் ஆகாம கீழ ஆட் ஆகுது இதை எப்படி சரி பண்ணலாம் அப்படின்னா ஸ்டைல் சிஎஸ்எஸ் ல புக் கண்டெய்னர்ல வெர்டிகல் அலைன் டாப்னு செட் பண்ணிக்கோங்க சோ தட் இது வந்து உங்களுக்கு ஆட்டோமேட்டிக்கா டாப்ல ஆட் ஆகும் நான் வந்து இங்க சம்திங்னு போடுறேன் ஆட் பண்றேன் இந்த

மாதிரி ஆட் ஆகுது ஓகே ஆனா எனக்கு எப்போ இங்க எப்படி இருக்கோ அதே மாதிரி அடுத்து ஆட் ஆகணும் கரெக்டா அப்போ நான் இது எல்லாத்தையுமே காப்பி பண்ணேன் காப்பி பண்ணி இந்த h2h5 பாரகிராப் எல்லாத்தையுமே நான் காப்பி பண்ணி இதுக்குள்ள நான் காப்பி பண்ணதை பேஸ்ட் பண்ணிக்க போறேன் இந்த டெம்ப்லேட்ஸ்குள்ள காப்பி பண்ணத அப்படியே பேஸ்ட் பண்ணிக்கிறேன் இப்போ இந்த ரிச் டாட் எடுத்துட்டு டாலர் சிம்பல் போட்டு பிராக்கெட் திரும்ப ஆத்தர்ல டாலர் சிம்பல் போட்டு இந்த கர்லி பிராக்கெட் ஓபன் பண்ணிக்கிறேன் அடுத்து இந்த பாரகிராஃபை கிளியர் பண்ணிட்டு இங்க ஒரு டாலர் சிம்பல் போட்டு பிராக்கெட் ஓபன் பண்ணிக்கிறேன் ஓகே சோ இதுக்குள்ள இப்ப நான் வந்து வேல்யூ கிரியேட் பண்ணனும் என்ன வேல்யூ செட் பண்ண போறேன் ஃபர்ஸ்ட் புக் டைட்டில் இன்புட் டாட் வேல்யூ அடுத்து ஃபர்ஸ்ட் புக்

டைட்டில் தானே ஓகே மாத்திட்டேன் புக் டைட்டில் இன்புட் டாட் வேல்யூ அடுத்து புக் ஆத்தர் இன்புட் வேல்யூ அடுத்து புக் டிஸ்கிரிப்ஷன் இன்புட் வேல்யூ சூப்பர் சோ இப்ப ரெஃப்ரெஷ் பண்ணி பார்க்கலாம் வொர்க் ஆகுதான்னு ஆட் பண்றேன் டைட்டில் வந்து அகைன் மைண்ட்செட் அடுத்து கேரல் அடுத்து ஹலோ தேர் சேஞ்ச் தி வே யூ திங்க் ஆட் கிளிக் பண்றேன் சூப்பர் பக்காவா எனக்கு வந்து அடுத்தடுத்த புக் வந்து ஆட் ஆகுது அடுத்து ஒரே ஒரு ஃபங்க்ஷனாலிட்டி மட்டும்தான் மிஸ்ஸிங் இந்த டெலீட்டை கிளிக் பண்ணா டெலீட் ஆக மாட்டேங்குது ஓகேவா சோ இப்ப அதுக்கும் கோடு எழுதிரலாம் இந்த டெலீட் பட்டன்ல ஃபர்ஸ்ட் ஆல் ஆல்ரெடி உள்ள இருக்கிற இந்த டிஸ்டார்ட்ல டெலீட் பட்டன்ல ஆன் கிளிக் = டெலீட் புக்னு ஒரு ஃபங்க்ஷன் கிரியேட் பண்ணிக்கிறேன் இது கூட ஈவென்ட் பாஸ் பண்றேன்

சோ ஸ்கிரிப்ட் ஜேஎஸ் ல கீழ ஃபங்க்ஷன் டெலீட் புக் ஒரு ஈவென்ட் பாஸ் பண்றேன் ஈவென்ட் டாட் டார்கெட் டாட் பேரண்ட் எலிமெண்ட் டாட் ரிமூவ் ஏன் பேரண்ட் எலிமெண்ட் குடுக்குறேன்னா இங்க பட்டன் இருக்கு இந்த பட்டனுக்கு மேல உள்ளத நான் டெலீட் பண்ணனும் இந்த பட்டனோட பேரண்ட் ஏர் இந்த புக் கண்டெய்னர் இல்ல உங்களுக்கு இதுக்கு மேல இன்னொரு ஒரு டிவ் கிரியேட் பண்ணி அதுக்கு மேல கிரியேட் பண்ணி இருக்கீங்க அப்படின்னா இன்னும் நிறைய வேஸ் இருக்கு பேரண்ட் எலிமெண்ட் இல்லாம க்ளோசெஸ்ட் அப்படின்ற ஃபங்க்ஷன் யூஸ் பண்ணி நீங்க பக்கத்துல இருக்குற எலிமெண்ட்ட கரெக்டா செலக்ட் பண்ணி நீங்க வந்து டெலீட் பண்ணலாம் சோ யூ கேன் பிரவுஸ் த்ரூ இட் நீங்க பிரவுஸ் பண்ணி எந்த மாதிரி டெலீட் பண்ணலாம் உங்களுக்கு வேற ஏதாவது ஃபங்க்ஷனாலிட்டி டெலீட் பண்ற மாதிரி இருந்துச்சுன்னா

எப்படி டெலீட் பண்ணலாம் அப்படின்னு சொல்லி செக் பண்ணி பாருங்க எல்லாத்துக்குமே தேர் இஸ் எ வே ஓகேவா சோ இந்த மாதிரி நான் வந்து ரிமூவ் பண்றேன் சோ இப்ப நான் ரெஃப்ரெஷ் பண்ணி பார்க்கிறேன் இந்த பட்டனை கிளிக் பண்றேன் செம ரிமூவ் ஆகுது சோ இன்னொன்னு ஒண்ணு கிரியேட் பண்ணி பார்க்கலாம் சம்திங் பிளா பிளாட ஆட் கிளிக் பண்றேன் ஓகே இதை கிளிக் பண்ணா டெலீட் ஆக மாட்டேங்குது ஏன் ஏன்னா இதுக்கு நான் வந்து ஆன் கிளிக் ஆன் கிளிக் வந்து நான் ஆட் பண்ணல பாருங்க இது இங்க ஆன் கிளிக் ஆட் பண்ணிருக்கேன் இந்த பட்டனுக்கு இதை நான் காப்பி பண்ணிக்கிறேன் ஜாவாஸ்கிரிப்ட்ல நான் கிரியேட் பண்றதுக்கு ஆட் பண்ணல சோ இந்த பட்டனை எடுத்துட்டு இந்த இடத்துல இந்த பட்டனை ஆட் பண்ணிக்கிறேன் சோ இப்ப நான் இதை ரெஃப்ரெஷ்

பண்றேன் அகைன் நான் புதுசா ஒன்னு கிரியேட் பண்ணி பார்க்கிறேன் சம்திங் ஹலோ பிளா பிளா பிளா ஆட் சூப்பர் பக்காவா இப்போ ஒரு புக்ஸ் கீ அப்படின்ற ஒரு புக் ஆப்ப நம்ம ரெடி பண்ணியாச்சு யூசிங் html css javascript இப்போ உங்களுக்கு ஒரு ஜாவாஸ்கிரிப்ட்ல நல்ல ஒரு கிரிப் கிடைச்சிருக்கும் அப்படின்னு சொல்லி நான் நம்புறேன் இந்த கம்ப்ளீட் செக்ஷன் உங்களுக்கு யூஸ்ஃபுல்லா இருந்திருக்கும் அப்படின்னு சொல்லி நம்புறேன் உங்களுக்கு யூஸ்ஃபுல்லா இருந்திருந்துச்சு அப்படின்னா கமெண்ட் செக்ஷன்ல மென்ஷன் பண்ணுங்க உங்களோட பிரண்ட்ஸ்க்கு இதை ஷேர் பண்ணுங்க மறக்காம எங்களோட சேனலை சப்ஸ்கிரைப் பண்ணிக்கோங்க அண்ட் ஃபுல் ஸ்டாக் வெப் டெவலப்மென்ட் கோர்ஸ் நாங்க வந்து ஸ்டார்ட் பண்றோம் சோ அதுக்கான லிங்க் நான் கீழ கொடுத்திருக்கேன் சோ நீங்க ஒரு கம்ப்ளீட் ஃபுல் ஸ்டாக் வெப் டெவலப்மென்ட் படிக்கணும்னு நினைக்கிறேன் நினைச்சீங்க அப்படின்னா html சேர்த்து

ஜாவாஸ்கிரிப்ட் ரியாக்ட் ஜேஎஸ் நோட்ஜேஎஸ் மங்கோடிபி இது எல்லாத்தையும் சேர்த்து எப்படி ஒரு வெப்சைட் பண்றது அப்படின்னு லேர்ன் பண்ணனும்னு நினைச்சீங்க அப்படின்னா கீழ டிஸ்கிரிப்ஷன்ல லிங்க் கொடுக்கறேன் அதை செக் பண்ணி எங்களோட ப்ரோக்ராம்ல ஜாயின் பண்ணிக்கோங்க ஹாப்பி லேர்னிங் கைஸ்