Part 6.1 | Javascript | Web Designing Malayalam Tutorial

Web Designing Challenge is an initiative by Team Brototype Malayalam (Former Crossroads) to teach how to develop and deploy a static website from scratch. The complete series will be of 10 videos and each video will cover the necessary topics such as HTML, CSS, Javascript, JQuery and Bootstrap. Also in the end we will teach you how to purchase a domain name and live host a website.
Link to Web Development for Babies : • Web Development For Ba...
Link to Part 1 Video : • Part 1 | Web Designing...
Link to Part 2 Video : • Part 2 | HTML | Web De...
Link to Part 3 Video : • Part 3 | HTML Cont. | ...
Link to Part 4 Video : • Part 4 | CSS: Cascade ...
Link to Part 5 Video : • Part 5 | CSS Project |...
Link to 100K Coding Challenge:
• 100K Coding Challenge
Search on Telegram App " Brototype Technical Support "
or
Registration: study.brototype.com/webdev-vi...
01:17 var
01:33 let
02:59 const
04:06 console.log
05:14 For
05:29 function
06:41 var object
30:51 input type
31:04 button on click
31:59 script
40:06 button click
40:41 window alert
About us:
#Brototype (Former Crossroads) is Kerala's #1 tech UA-cam channel for students looking to frame a good career in the tech industry. Our mission is to make a positive change in the lives of people by providing them with valuable information and actionable steps.
In this channel,We help you develop coding skills for free by providing various programming tutorials & tech-career topics in Malayalam, that helps you achieve a job in the IT industry.
To get 24/7 Technical support while watching our tutorials, Sign up for 6 months Brototype Malayalam (Former Crossroads) Exclusive Membership,
Link to Sign up: rzp.io/l/crossroads-6Months-E...
For Enquires, Contact: Ameer: 7034395811
Further, if you wish to study offline with us in an office environment, You can enroll for Brocamp, Which is a 6-month offline training program where you learn coding skills & let you pay the course fee after placement.
Brocamp (former SPS): Visit brototype.in/
Call: 7902606117
Want to connect with Nikhil Kilivayil personally?
check: getmytym.com/nikhilkilivayil
Connect us on Social Media:
Instagram: / brototype.malayalam
Linkedin: / brototype
Facebook: / brototypemalayalam
Connect Nikhil Kilivayi on Social Media:
Instagram: / nikhilkilivayil
Linkedin: / nikhilkilivayil
Facebook: / nikhilkilivayil1

[@Observer-a11]

It is important for beginners to note how an error is corrected when it happens. Listen to the thinking process, when correcting errors. Very easy-going, no-stress explanation and screen presence. Thank you.

[@amcreations9192]

A teacher who enjoy teaching can make the students enjoy the lecture and thus they can grab things easily :D great job!

[@QStorieswithniyasherin]

Reallyyy soooo helpfull....simple way of presentatn.....keep it up n go ahead.......god may bless u guys.....☺️

[@afnan_af_5932]

💯😍😍
Nikil sir :എന്തിനാ നോക്കുന്നേ🤨
Sonu :അപമാനിച്ച് മതിയായെങ്കിൽ ഞാൻ പൊയ്ക്കോട്ടേ
😆😆😆🤪🥰

[@BrototypeMalayalam]

😂

[@greenhouse9791]

Ethra simple ayi paraju thanna sir nu nandi mathram, thank u so much

[@rogstation7484]

sir, adutha challenges varumbo Daily tips add chayyane...sir inte daily tips kelkumbo oru pritheka energy aan :)

[@BrototypeMalayalam]

Sure👍

[@Pishkoo]

Thank u so much sir.What an explanation.💣

[@dhanyakrishnan5795]

superb, very simple and useful keep going

[@sruthimolt3870]

Thanks a lot Crossroads n Nikhil sir.
.powliyaaaaaaaa .helped a lot.........

[@youtubecodinggithub6145]

sir daily tip miss cheyyn ind tto nallaa helpfull aayirunu

[@hameedap4558]

Great tutorial.... Helped alot..... More eager to watch.... Katta waiting..... All the 👍💯

[@BrototypeMalayalam]

Thanks

[@reshmaramesh3259]

Hatsoff to you sir♥️ Excellent presentation Excellent Class♥️

[@anandrp8456]

You are a good teacher.. :)

[@sandeept9179]

Great help for generation ♥

[@the__geekboy]

*How do I fix Devtools failed to load a source map?*
*Solution*
*Go to the developer tools (F12 in the browser)*
*Select the Cogwheel in the upper right corner*
*In the Preferences tab (left) look for Sources*
*Disable these options : "Enable javascript source maps", "Enable CSS source maps"*
*Disable adblocker extensions if you have.*

[@sahadmarva]

Nikhil bro ninghal vere level. കാരണം ഇത്രയും detailed ആയി js പറയാൻ കഴിയുമെന്ന് തോന്നുന്നില്ല.
നിങ്ങൾ ഇത്രയും simple ആയി പറയുന്നത് കൊണ്ടാണ് മനസ്സിലായത് എനിക്ക്.
Thanks for sharing your time

[@mohamedaslam3381]

Enthayi boss Javascript ?! Help

[@epicmalayalam.7008]

Before at 2019 i wished to create an website I thought a long process is there
But now it seems easy ... Thank you Sir😍

[@mohammedarzam3658]

Bro JavaScript ethrem arinjirikanam onnu paranju tharo

[@salvinsiby4181]

​@@mohammedarzam3658front end mathrm anenki ee web designing le videos mathrm kanda mathi

[@mallucr7]

Great Nikhil sir you are great topics are easily understandable

[@BrototypeMalayalam]

Thanks

[@anki1257]

superb presentation

[@user-zo5fh6ex7e]

സോനു ഒരു കില്ലാടി തന്നെ 😍😍

[@BrototypeMalayalam]

pinnalla

[@hashirinfo9926]

@@BrototypeMalayalam athanne

[@ddkids3135]

super class ane ,nalla reethiyil anu class adukkunnathe,way of teaching gr8....

[@ashbinkurianthomas3754]

Very helpful...thanks sir for the effort

[@BrototypeMalayalam]

Most welcome

[@igu642]

Thank you sir!

[@rayyanrasheed3985]

powli mone

[@dxdigitals]

thank you, good.

[@rayyanrasheed3985]

sir daily tips koodi add cheyyaamaayirunnu

[@aslamvrtly6432]

Pwoli

[@shirazmuhd3231]

👍👍👍great class

[@BrototypeMalayalam]

🥰

[@farharasheed8117]

Very helpful...sir ...ugc net cs paid class kudi cheyyaanel nannayirunnu

[@saranyac7663]

Sir veendum looking pwoli in balck.. 🤩🤩🤩

[@BrototypeMalayalam]

😍👍

[@joshleyabraham3117]

If we are using class instead of id, then we need to use document.querySelector(".id")

[@rahnayousuf7528]

good class thank you

[@BrototypeMalayalam]

welcome

[@MachinistHands]

39:30
അവിടെ ടൈപ്പ് ചെയ്യുന്ന ടെക്സ്റ്റ് പകരം വീഡിയോ ലിങ്ക് കൊടുത്ത് വീഡിയോ ആണ് വരേണ്ടത് എങ്കിൽ എന്തു ചെയ്യും

[@wanderboy1623]

Good class

[@Asha_Jomon]

very good class.enik javascript fayankara padayirunnu.but sir nte class attend cheythu kazhinju manasilakan kazhinju.thanx a lot

[@BrototypeMalayalam]

you’re welcome Jayalakshmi ❤️❤️❤️

[@ajithmannarakkal6242]

Thanks❤bro

[@CyberspyYT]

Thanks

[@adarshcj1]

Sir JavaScript basics veche Enikke oru app indakkan patto

[@mbltechz1711]

Crossroads videos ellam adipoli aanu ❤️ Elam nalla reethiyil thanne explain cheythitund.... JavaScript Full Course tutorial series cheyamo...

[@BrototypeMalayalam]

thank you, noted 👍

[@henryford1910]

@@BrototypeMalayalam cheyyo bro

[@navinjose2313]

❤❤❤❤

[@saul-oy7up]

sonu is excellent🤩

[@hashilsemin2414]

100k challenge uyir

[@jyothilakshmic2671]

🥰❤️

[@mohammedaflah4845]

ee chiriyum kaliyum learning inte oppam kondupovunnonde, kurachkoodi engaging aayi thonnunnund

[@adilshannjr]

Sonu ikka fans😍🔥

[@navyae3000]

Thanks Nikhil sir

[@BrototypeMalayalam]

welcome ♥️

[@althaf_noushad]

😍😍😍

[@kapztalks7609]

Sooper

[@BrototypeMalayalam]

😊

[@goureeshsanthosh7888]

Ith cheyyumbol consoleil reference error kanikkunnu ayhentha pls help

[@aaaaaaaaaaaaaaaaaa291]

thanks

[@rasheedm3459]

Android studio tutorial start cheyyo😌😍

[@BrototypeMalayalam]

Yes

[@rasheedm3459]

Waiting 😍

[@hackerstreet4702]

😍😍😍😍

[@KLRVRichie]

Php programming video chaiyavoo

[@harithamanu8852]

color('red') argument pass cheyyumbol single quotes kodukano?eathu color anenu mension cheythitilalo pinne enganeyanu colors avide vannathu.pls rply sir

[@ferzinriyaz1440]

ithu enikkum doubt undu

[@binib.s5139]

🥰🥳🥳🥳👍

[@ohmyfoodies2753]

Angular cheyyumo

[@muhammedfaizp2310]

"Uncaught reference error:text is not defined" Shows in input click me method

[@muhammedmahirk2735]

Enikkum

[@gladwinjose5695]

col variablene var kodukanda??

[@jyothybs9078]

sir hibernet and spring frameworkinte oru video cheyamo

[@BrototypeMalayalam]

Kuduthal request vannal will do

[@mohamedaslam3381]

Devs, 😉 Let's make a online community to learn and improve Javascript. What'd you say ?!

[@akhils1088]

Agreed💯

[@mohammedshameelvk6651]

👍👍

[@muhammedfaizp2310]

Problem is in getelementbyid

[@fastrust7388]

Bro pading top its not working

[@user-cn8tz9tn8f]

Njan oru div create ചെയിതു അതിന് കളർ ബ്ലാക്ക് കൊടുത്തു
അതിന് ശഷം ഒരു ഇമേജ് ആഡ് ചെയിതു ആ ഇമേജ് div ന്റെ അടിയിൽ ആണ് വരുന്നത്.
Div ന് ബ്ലാക്ക് കളർ ആയതു കൊണ്ട് ഇമേജ് കണ്ണൻ പറ്റുന്നില്ല.
അത് div ന് മുകളിൽ എങ്ങനാ കൊണ്ട് വരുന്നത്

[@BrototypeMalayalam]

Join the Learning club, our tech support will clear your doubts. Join here: brototype.com/learningclub/org/fullstack/?ref=ytdescription

[@akhilkrishnahere]

Pwoli innu 2 videos ondallo

[@BrototypeMalayalam]

Yes

[@user-mw1es3ee1n]

DOWNLOAD CHEYYAAN PATTOOLE.....? 😯

[@solotravel145]

uncaught type error console is not a function eenu kanikkunnu, answer varunilla😭

[@BrototypeMalayalam]

connect to our team 7034395811, let us help you

[@chooperman2134]

Sonu uyir

[@ajmal5942]

18ന്റെ യുവത്വത്തിലാണ് ല്ലേ കൊച്ചുഗള്ളൻ ❤️‍🔥😂

[@rabeebashamsudheen4137]

php cheyyamo?

[@azazel7739]

39:46 the input value is not displaying in the browser ... any idea what is the problem I checked each line of the codes

[@shibinbiju7751]

Bro athu engane kandupidicho . Enikkum same avasta

[@hilra]

@@shibinbiju7751 same here

[@hilra]

problem solved for me! check this out



function display()
{

var text= document.getElementById("inp").value
document.getElementById ("displayhead").innerHTML=text
}

[@phenoixabbzzz]

sir funtion dsiplay() ithinte ullil varanne parameter alle argument allallo

[@BrototypeMalayalam]

Join the Learning Club, our tech support will help you. Join here: brototype.com/learningclub/org/fullstack/?ref=ytdescription

[@__.solitary]

Document.write () alle output nu use cheyyunne

[@gamedevelopment7531]

The write() method in HTML is used to write some content or JavaScript code in a Document. This method is mostly used for testing purpose. It is used to delete all the content from the HTML document and inserts the new content. It is also used to give the additional text to an output which is open by the document.open() method. This method is quite similar to writeln() method.

[@muhammedfaizp2310]

Got it

[@MuhammadMunjid-gy3ss]

37:55,value not working
undefined text in h1 tag

[@BrototypeMalayalam]

Join our Telegram group, our team will help you. Join here :brototype.com

[@blaa6257]

Java script matharam ayi oru video chayo

[@Glesxo]

Scanf egana cheyune

[@susanths622]

hi guys i couldn't get anything on my console,its showing blank always no buttonclick and no more added value can anyone can clear this?

[@BrototypeMalayalam]

ee tutorials nte tech support nammal exclusive membership group il anu kodukkunnath, watch this video for more details :ua-cam.com/video/yEAy2vJUgYw/v-deo.html

[@hopeless883]

is it solved?

[@motionpictureszetropic1519]

Java script nu pakaram php use chytha pore??

[@BrototypeMalayalam]

PHP is getting outdated

[@Creative_vini]

2013 mca kazhinju.....ipo video kandu padikkunna njaan.....🤓🤓🤓

[@gamedevelopment7531]

Sonu full stack developer anno

[@saheelfaisal3965]

52:00 class= screen...... koode thenne id=" " create cheytha madi

[@BrototypeMalayalam]

Yes

[@nibinnibuzz819]

Nikhil sir muthaanu ❤

[@BrototypeMalayalam]

♥️

[@srs.r6354]

Pls start Android sir

[@AV-ok6rl]

10:01 avide entho athi bheekramayi entho sambavichu

[@BrototypeMalayalam]

😂😂😂

[@dudeannan7811]

*Faizalkaa Fans Undoo*

[@muhammedashiqcp9419]

JavaScript 💖

[@mohamedaslam3381]

Hey
എന്തായി Javascript learning..??

[@rayyanrasheed3985]

ayyyo 18 tt vayassulla cute boy nikhil

[@gokulgs1902]

36:00 Enikk screenil button click cheyyum display aavunilla input text. But code ellam correct aanu why this issue?

[@BrototypeMalayalam]

Connect to 9995483005, our team will help you 👍

[@hilra]

avoid "=" from getelementbyid.



function display()
{

var text= document.getElementById("inp").value
document.getElementById ("displayhead").innerHTML=text
}


check this out .

[@hrishikeshrajendran9376]

@@hilra not working

[@nivinmathews428]

First

[@mohammedarzam3658]

JavaScript padikan e playlistil Ulla videos mathram nokiya mathiya

[@BrototypeMalayalam]

Web development tutorial koodi watch cheyyu

[@user-lk4lq6sk5x]

Console.loginte paksram document.write eyuthiyalum pore

[@BrototypeMalayalam]

Join the Learning club, our tech support will clear your doubts. Join here: brototype.com/learningclub/org/fullstack/?ref=ytdescription

[@visakhps4071]

You're class was amazhing padi online course polum nigalude athare verilla

[@shainoissac9451]

Core Javascript tutorial chyuo. ...

[@BrototypeMalayalam]

cheyyan plan und 💪🏼

[@yadhunandca2598]

Sir ennikku consolil output onnum varunnilla

[@BrototypeMalayalam]

connect to 7034395811

[@udaysankar9411]

Sir i have a doubt

[@BrototypeMalayalam]

Free support kazhinju, support team exclusive group il busy aanu. If you need full time support please check this video below. Allengil onnu google search cheyu, answer kittum 🙂
ua-cam.com/video/yEAy2vJUgYw/v-deo.html

[@stephenthomasjose1590]

value undefined enn kanikuva

[@BrototypeMalayalam]

connect our team 7034395811
our team will help you

[@muhammedashiqcp9419]

💖💖💖💖💖💖💚💙👍👍👍🔥

[@harisimetpa]

Hi

[@xxcatgirlxx2127]

Nyon cn help me🥺🥺? Enik itra days progrm oru problm vum indayila elam smooth ayirunu,bt javascript ela prgming cheytu nice ayt work ayi bt colorboc cheyan nokubol work avunila,mune cheyt vechat alland new ayt work avunila,ny idea,nikhil broh please help

[@BrototypeMalayalam]

join our telegram group, and ask your doubts with a screenshot, our tech support will clear the doubts. join here :bit.ly/3QRbrri

[@xxcatgirlxx2127]

@@BrototypeMalayalam ee form fill up aki,how to join n ua telegrm group

[@xxcatgirlxx2127]

I strtd to love codin bcoz f you guys❤️
Thnk you sooo much for makin it easy for us

[@mohammedarzam3658]

Hlo JavaScript ethrem arinjirikanam onnu paranju tharo

[@nazim4740]

Undefined enn aanu kanikunne code ellam correct aanu🙁

[@mohamedashique7874]

Redy ayoo brooo

[@jouhar_54]

Me too