Use JavaScript to Get Value from a Textbox and Display on the Page

[@sugaslate14]

The way you talk not only keeps me engaged, but it’s kind, and calming and you explain things very well. New sub!

[@bruceboom7378]

Bro you're like the Bob Ross of Coding hahaha, so soothing to listen to and really really well explained, thank you a lot!

[@lanaybrown9409]

You have no idea how much I needed this, thank you!! 😭😭

[@jyoti42229]

Bhai isse bhi km code m or aasan code m bta dungi tujhe

[@pavanpardeshi4273]

Please say to mi i have need to develop page for text box​@@jyoti42229

[@Ramdut369]

​@@jyoti42229batao na fir

[@saderanye7555]

I have looked everywhere for something to demonstrate this, I just wanted to say thank you so much!

[@titilolaoduwole4662]

I am creating a digital ID card for the online school I am attending and needed to figure out how to get the values from the input and select field to the card section and your video really helped me out. Thank you so much

[@chigozieobialor1245]

Amazing tutorial, what I do is just keep codes like these as part of my arsenal and when it is time to work I just apply them. This is JavaScript at it's finest. Nothing complicated.

[@alexramirez127]

You walked through this so well!

[@jamesprograms00]

I like your javascript coding style. Classic with no confusing lamda functions.

[@ByzaOCE]

spent hrs looking for this, and now i see its so simple XD nice work mate

[@NiceChange]

I thought this video was excellent!!! The demystifying of grabbing input user data and displaying it is an ability that every programmer needs to master. great work, this really drives it home in its simplicity. Thank you.

[@噗豆粒-ox6od]

Thanks a million! very straightforward tutoring that just covers the topic that I stuck with, and your explanation is very clear and easy to understand👍

[@timothyvarjan7308]

thats the truth! super clear, easy to understand!

[@imouttaherebro4981]

You're the first person who explained that to me. Thanks.

[@Polarke27]

Very helpful. Explained everything clear and concise.

[@lifedude2943]

Thank you so much Ralph, this is what I have been searching for for a while now.
Thanks again 🤗

[@flybon1097]

Excellent work
You did an important function with superb explanation and within short amount of time
Please please keep this up

[@dakid_za]

😅I love this guy the way he explains things makes it simple to understand

[@Kaleabe25]

I have been searching for the idea of How to interact HTML input to output. Thank you so much

[@muradiancode]

Awesome for straightforward tutorial .. And understanding style Next is Level

[@unidentifiednoun292]

Thank you so much!!!😭😭 I've struggling with this for a while

[@yarasoler]

You explain so well! Just subscribed

[@davidgillis1970]

Something I would like to see is how to take an input and put it into a for loop that generates that many objects based on the input.

[@foxit3147]

Thank you for this video, you explained everything on simple way.

[@codewithary]

Thank you a lot, i need to know that how to take a value and print the value in the form and I watched many videos like a 20 videos but why didn't I found this video earlier like It helped me. This video is so underrated.

[@olegboldrini7538]

Thank you very much! I learnt a lot thanks to your video! Plus your voice sounds very zen and reassuring :)

[@shahriaf]

just awesome . Found after two days of searching.

[@arthurvarteressian4225]

Thanks dear. Simple and understandable.

[@LogicalLoom-yj4lx]

Thank you for clearing my value concept 😇✌

[@kanvascs]

Hi Ralph.
Thank you for making this video. It serves as a beacon of hope for what I need to achieve. How would you use the method similar to change the value of a page title by a simple plain text placed anywhere on the page? Thanks in advance.

[@anessrahmani1265]

Love your content

[@Demonic6000]

I got this Question in my interview.. Thank you so much its clear and easy to understand 😃

[@bruceboom7378]

one way that would work is already creating all the objects, but only giving a certain inputted number of those a visibility. but that wouldnt work for any number then ofc. But I think theres functions in JS that create new children of an object, so that would work better I think

[@DISCOCAT_]

you just saved my life thank you so much!!!

[@hotelariapro]

In my case I added a text input with a plus and minus button. But the values ​​are not modified as you add more numbers.

[@amniar8158]

thanks so much man god bless and never ever give up

[@websta_05]

Good sir, you earned yourself a new subscriber today.

[@Quicksand_Girl_2]

Lot of Thanks for Explain..............

[@anuradasenaratne5252]

thanks you so much mister, this was helpful

[@soup_with_lentils9130]

Clear explanation thank you very much

[@Michou-tw4uv]

Thank you so much i so needed this

[@audreyandremington5265]

Thank you so much! This was very helpful!

[@methodon23]

First i would like to say thank you to the content provider for taking the time to teach... however can anyone tell me how to do this with the return value of a function?

[@thebluetoolbox]

So Helpful. Thank you. You kinda sound like Owen Wilson. lol.

[@Name-vl9qq]

This is really good content, it helped me a lot. Thank you

[@htr7254]

Hello! , thanks for a very straightforward lecture. Can we add elementary id from another html page?

[@saeedghaffari488]

simple and useful, wonderful

[@olamoyegunoluwatobitimothy4326]

This is really helpful

[@unaiskalathingal9539]

very help full 😍

[@abdul78183]

thanks for explaining by good design/type.

[@dpraajz]

Saved my time.

[@michaellevi6743]

Your videos are awesome thank you. So followup, I get it to display for a few sec and it disappears. Did I miss something? I am using Replit

[@bashita159]

How can I show the whole label with the attribute?
for example
John

[@MDZIAURRAHMANJOY]

Thanks A Ton 😇

[@tokhenz]

OMG thank you very much sir!!! Very helpful!!!

[@sowbaranikag6514]

Thankyou so so so much sir!! Thankyou thankyou thankyou🙏🙏🙏🙏🙏

[@PossumMedic]

Great! Thank you! 🥰

[@ventacode]

Thank you so much simple and good

[@joey9784]

thanks my man

[@akhjgaming7152]

when he changed the variable name from but1 to btn1 his face was just too funny
🤣🤣🤣🤣

[@great9640]

Thanks sir I understand now what the .value method does. I saw it some javascript password generator project but was not sure what it did. I do now!

[@athleticmistud]

for the script with the form input. I need to do similar. but i need the output to be to a different page not the same page as they enter the data on. how would i do this?

[@imanjallali8258]

Thanks it was help ful..

[@mattiavacca2111]

Hey ! Really educating video, me and my friend we are working on a project and i needed something quite like this but with a scripted immediate answer, how can i do that ?
I'm already working on it but some help would be amazing.
The input value sent it dosen't matter, as long as the user is sending something, after that i need to create a log into the logbox, and you just show how to do that, which is amazing but, after this, how can i make spawn another message ? like if it was from a bot.

[@muhammadsls]

Thanks for the explanation
What I want to know is that the name of the compiler that you are using with?
Please Help!

[@AlmostRipeOrange]

Nice ❤! Thanks

[@williamcarvell4644]

I just want you to do an owen wilson impression.

[@alisonmiu]

How do I submit and still display the text on the page? Do you have a video showing how to do this? Thanks a bunch! 😇

[@Amigo-Da-Lua]

I never comment at YT videos but, man, you REALLY helped me with this one.
Thank you a lot

[@SixMinutesSmarter]

Thanks. Happy it helped.

[@Ramdut369]

Thanks so much ❤

[@minalsalvi4127]

appreciate it !

[@najmulislamchowdhury5938]

You're the best

[@Nestumk]

Dear God thank you for this wonderful man.

[@user-ih2zp9jg7f]

Hi Ralph, thank you for the explanation.
I am working on something similar (star rating).
Could you make another tutorial in Javascript about that, because I am struggling here?
Important to know:
the stars (after submit) should appear on another page in a table,
where they should be automatically saved,
newest data in the top row
I went through many tutorials, but couldn't find the solution.
Thank you in advance.

[@wallypanlab]

thanks, super usefull!

[@sooryajith.k.s1554]

Anyone know if I make a input box and I enter a message there and I click a button and after click I need pop up message with the same text that I enter anyone know to get this.

[@user-nr4lm5gl1i]

Thanks a million

[@ogechukwuibe8094]

Thank you so much

[@madness3692]

thanks man

[@sangmaneewutthip299]

Could you make a code for display the value from javascript into the input? to pass the demo variable/value on javascript into the input text and convert it to a variable that can be used with PHP.

[@sushma9325]

Great Content Ralph.. Could you please help me with one thing.. How to take the input from the user and display it in same window as popup/alert?

[@medooazmi]

you could use the alert function in javascript:
function anyfunc() {
alert(txt1.value);
}

[@willa9791]

or prompt() global function also

[@Awakened_Pot]

Thaaankss!!!!!

[@designers_rockwall]

thx man

[@ImranMolla-et3gp]

very good and easy

[@eternallyMarsh]

Awesome tutorial
Although, the text isn't stored permanently, when I remove the text from the text box, even the text in the paragraph tags disappear
How do you keep the text

[@sallen1599]

Is there any way to do this if i dont use const but var ?

[@babycoder-shantanusaha5218]

Thanks 👍😊 guy

[@k0la_Jr]

thanks fr

[@ahsrakib5913]

From India ❤

[@gurpreetsingh-vn7wp]

can we make make such option that input text is directly shown on that box and skipping that button functionality

[@SixMinutesSmarter]

for sure. I bet having the function get invoked oninput or onchange would be cool. As the user types new letters, the function can display the message. Or, append the changes to the existing message.

[@delcarmat]

thanks!

[@DSureshKumar]

How you have declare function.. I'm not getting result..

[@fortune4826]

How do I direct it to another page

[@rogeriomartinez7828]

Thanks a bunch!
I was looking for this and immediately signed up to your channel.
One extra step I am trying and still not able to accomplish is,
How can I have more than one input box and still show into the same output paragraph box?
Also, Can I include the name of the input box as well?
Thanks, Roger

[@TheRealGeorge]

You could do it in multiple ways. Easiest would be to just get all inputs from and then connect them using +, then using
to create new lines if needed

[@bollynews9657]

How to excute another value taken from input

[@editee8063]

Output box don't appear ☹️

[@amanathussain1024]

What to do if I want to instead change to another page through a link

[@medooazmi]

or for example if you want to change to internal page html file:
link

[@haha11268]

how do i display it in a list ? pls answer

[@raflyakbar8216]

hello sir, i have an homework that input text, then show it in another page please answer.

[@belindazhang426]

Hello sir, I typed exactly your syntax, but it did not work. It works when nesting a button click function with the fun1 function, and add the onclick attribute to the button. So weird. If the nested function works while the single-standing function does not work for me.

[@belindazhang426]

Hi I solved the problem, Looks like the const variable must be put within a {} block.

[@clarkepeters22]

I think your awesome. Good tutorial. Good teaching style.

[@JagTheRipper]

Hi for some reason I have tried all tutorials on RUclips, even this simple example but I can not seem to get the .value function to work.

[@Lkdytz]

Inside the brackets you need to add value="text for button" near the end of the input type/button.

[@bht7206]

Anyone know how to clear the text in the inputbox at the same time will not clear the data that display out .

[@kwanggol22]

Empty string