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

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.ย. 2024

ความคิดเห็น • 130

  • @lanaybrown9409
    @lanaybrown9409 2 ปีที่แล้ว +50

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

    • @jyoti42229
      @jyoti42229 ปีที่แล้ว +3

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

    • @pavanpardeshi4273
      @pavanpardeshi4273 4 หลายเดือนก่อน

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

    • @Ramdut369
      @Ramdut369 2 หลายเดือนก่อน

      ​@@jyoti42229batao na fir

  • @jamesprograms00
    @jamesprograms00 9 หลายเดือนก่อน +5

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

  • @bruceboom7378
    @bruceboom7378 ปีที่แล้ว +10

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

  • @LoreCraftForge
    @LoreCraftForge 7 หลายเดือนก่อน +16

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

  • @chigozieobialor1245
    @chigozieobialor1245 ปีที่แล้ว +1

    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.

  • @saderanye7555
    @saderanye7555 2 ปีที่แล้ว +2

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

  • @titilolaoduwole4662
    @titilolaoduwole4662 2 ปีที่แล้ว +3

    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

  • @噗豆粒-ox6od
    @噗豆粒-ox6od 2 ปีที่แล้ว +15

    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
      @timothyvarjan7308 ปีที่แล้ว

      thats the truth! super clear, easy to understand!

  • @NiceChange
    @NiceChange ปีที่แล้ว +1

    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.

  • @ByzaOCE
    @ByzaOCE ปีที่แล้ว +3

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

  • @alexramirez127
    @alexramirez127 2 ปีที่แล้ว +3

    You walked through this so well!

  • @muradiancode
    @muradiancode ปีที่แล้ว +1

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

  • @patrickjabiguero5896
    @patrickjabiguero5896 หลายเดือนก่อน

    Omg i needed this type of teaching so bad😭😭😭

  • @dakid_za
    @dakid_za ปีที่แล้ว

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

  • @Kaleabe25
    @Kaleabe25 ปีที่แล้ว

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

  • @Quicksand_Girl_2
    @Quicksand_Girl_2 2 หลายเดือนก่อน

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

  • @soup_with_lentils9130
    @soup_with_lentils9130 หลายเดือนก่อน

    Clear explanation thank you very much

  • @imouttaherebro4981
    @imouttaherebro4981 2 ปีที่แล้ว

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

  • @lifedude2943
    @lifedude2943 10 หลายเดือนก่อน

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

  • @Polarke27
    @Polarke27 ปีที่แล้ว

    Very helpful. Explained everything clear and concise.

  • @LogicalLoom-yj4lx
    @LogicalLoom-yj4lx 2 หลายเดือนก่อน

    Thank you for clearing my value concept 😇✌

  • @foxit3147
    @foxit3147 ปีที่แล้ว

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

  • @Demonic6000
    @Demonic6000 ปีที่แล้ว

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

    • @bruceboom7378
      @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

  • @olegboldrini7538
    @olegboldrini7538 ปีที่แล้ว

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

  • @shahriaf
    @shahriaf ปีที่แล้ว

    just awesome . Found after two days of searching.

  • @flybon1097
    @flybon1097 ปีที่แล้ว

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

  • @thebluetoolbox
    @thebluetoolbox 6 หลายเดือนก่อน

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

  • @davidgillis1970
    @davidgillis1970 2 ปีที่แล้ว +1

    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.

  • @unaiskalathingal9539
    @unaiskalathingal9539 ปีที่แล้ว

    very help full 😍

  • @anessrahmani1265
    @anessrahmani1265 3 หลายเดือนก่อน

    Love your content

  • @codewithary
    @codewithary 2 ปีที่แล้ว

    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.

  • @unidentifiednoun292
    @unidentifiednoun292 2 ปีที่แล้ว

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

  • @great9640
    @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!

  • @saeedghaffari488
    @saeedghaffari488 8 หลายเดือนก่อน

    simple and useful, wonderful

  • @websta_05
    @websta_05 ปีที่แล้ว

    Good sir, you earned yourself a new subscriber today.

  • @arthurvarteressian4225
    @arthurvarteressian4225 2 ปีที่แล้ว

    Thanks dear. Simple and understandable.

  • @Nestumk
    @Nestumk 10 หลายเดือนก่อน

    Dear God thank you for this wonderful man.

  • @Name-vl9qq
    @Name-vl9qq 8 หลายเดือนก่อน

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

  • @audreyandremington5265
    @audreyandremington5265 7 หลายเดือนก่อน

    Thank you so much! This was very helpful!

  • @sowbaranikag6514
    @sowbaranikag6514 ปีที่แล้ว

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

  • @abdul78183
    @abdul78183 ปีที่แล้ว

    thanks for explaining by good design/type.

  • @AlmostRipeOrange
    @AlmostRipeOrange ปีที่แล้ว

    Nice ❤! Thanks

  • @akhjgaming7152
    @akhjgaming7152 ปีที่แล้ว +1

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

  • @tokhenz
    @tokhenz ปีที่แล้ว

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

  • @DISCOCAT_
    @DISCOCAT_ ปีที่แล้ว

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

  • @amniar8158
    @amniar8158 2 ปีที่แล้ว

    thanks so much man god bless and never ever give up

  • @methodon23
    @methodon23 2 ปีที่แล้ว

    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?

  • @Ramdut369
    @Ramdut369 2 หลายเดือนก่อน

    Thanks so much ❤

  • @ImranMolla-et3gp
    @ImranMolla-et3gp 7 หลายเดือนก่อน

    very good and easy

  • @satriolanglang912
    @satriolanglang912 27 วันที่ผ่านมา

    Thank you so much

  • @imanjallali8258
    @imanjallali8258 ปีที่แล้ว

    Thanks it was help ful..

  • @hotelariapro
    @hotelariapro 2 ปีที่แล้ว

    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.

  • @yarasoler
    @yarasoler 2 ปีที่แล้ว

    You explain so well! Just subscribed

  • @ventacode
    @ventacode ปีที่แล้ว

    Thank you so much simple and good

  • @user-nr4lm5gl1i
    @user-nr4lm5gl1i ปีที่แล้ว

    Thanks a million

  • @ahsrakib5913
    @ahsrakib5913 2 หลายเดือนก่อน

    From India ❤

  • @Michou-tw4uv
    @Michou-tw4uv 2 ปีที่แล้ว

    Thank you so much i so needed this

  • @aaronargottelopez3488
    @aaronargottelopez3488 หลายเดือนก่อน

    Thanks!

  • @olamoyegunoluwatobitimothy4326
    @olamoyegunoluwatobitimothy4326 ปีที่แล้ว

    This is really helpful

  • @anuradasenaratne5252
    @anuradasenaratne5252 2 ปีที่แล้ว

    thanks you so much mister, this was helpful

  • @PossumMedic
    @PossumMedic 2 ปีที่แล้ว

    Great! Thank you! 🥰

  • @kanvascs
    @kanvascs 2 ปีที่แล้ว +1

    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.

  • @Amigo-Da-Lua
    @Amigo-Da-Lua ปีที่แล้ว

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

  • @clarkepeters22
    @clarkepeters22 2 ปีที่แล้ว

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

  • @bashita159
    @bashita159 ปีที่แล้ว

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

  • @williamcarvell4644
    @williamcarvell4644 ปีที่แล้ว

    I just want you to do an owen wilson impression.

  • @sushma9325
    @sushma9325 2 ปีที่แล้ว +1

    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
      @medooazmi 2 ปีที่แล้ว

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

    • @willa9791
      @willa9791 ปีที่แล้ว

      or prompt() global function also

  • @user-ih2zp9jg7f
    @user-ih2zp9jg7f 8 หลายเดือนก่อน

    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.

  • @alisonmiu
    @alisonmiu 7 หลายเดือนก่อน

    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! 😇

  • @Awakened_Pot
    @Awakened_Pot ปีที่แล้ว

    Thaaankss!!!!!

  • @dpraajz
    @dpraajz 2 ปีที่แล้ว

    Saved my time.

  • @sangmaneewutthip299
    @sangmaneewutthip299 3 หลายเดือนก่อน

    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.

  • @wallypanlab
    @wallypanlab ปีที่แล้ว

    thanks, super usefull!

  • @minalsalvi4127
    @minalsalvi4127 2 ปีที่แล้ว +1

    appreciate it !

  • @muhammadsls
    @muhammadsls 2 ปีที่แล้ว

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

  • @rogeriomartinez7828
    @rogeriomartinez7828 2 ปีที่แล้ว +3

    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
      @TheRealGeorge 2 ปีที่แล้ว

      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

  • @eternallyMarsh
    @eternallyMarsh 10 หลายเดือนก่อน

    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

  • @clintjakealfante3101
    @clintjakealfante3101 4 หลายเดือนก่อน

    I have a question. How do I display the value of the input from the HTML to another HTML file using javascript? By the way Great video!!

  • @MDZIAURRAHMANJOY
    @MDZIAURRAHMANJOY ปีที่แล้ว

    Thanks A Ton 😇

  • @joey9784
    @joey9784 ปีที่แล้ว

    thanks my man

  • @htr7254
    @htr7254 ปีที่แล้ว

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

  • @michaellevi6743
    @michaellevi6743 2 ปีที่แล้ว

    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

  • @princesai6810
    @princesai6810 ปีที่แล้ว

    Thank you God! ❤️

  • @najmulislamchowdhury5938
    @najmulislamchowdhury5938 2 ปีที่แล้ว

    You're the best

  • @babycoder-shantanusaha5218
    @babycoder-shantanusaha5218 2 ปีที่แล้ว

    Thanks 👍😊 guy

  • @k0la_Jr
    @k0la_Jr 9 หลายเดือนก่อน

    thanks fr

  • @sooryajith.k.s1554
    @sooryajith.k.s1554 ปีที่แล้ว +1

    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.

  • @designers_rockwall
    @designers_rockwall ปีที่แล้ว

    thx man

  • @athleticmistud
    @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?

  • @DSureshKumar
    @DSureshKumar 2 ปีที่แล้ว

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

  • @mattiavacca2111
    @mattiavacca2111 2 ปีที่แล้ว

    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.

  • @user-zm3ni4lk7b
    @user-zm3ni4lk7b 6 หลายเดือนก่อน

    thanks

  • @mazinsalih1452
    @mazinsalih1452 ปีที่แล้ว +1

    Dear instructor,
    I did exactly the same but it disappears very quickly. I need some help please

    • @bk207
      @bk207 10 หลายเดือนก่อน

      . value type first letter v in small letter

  • @editee8063
    @editee8063 ปีที่แล้ว

    Output box don't appear ☹️

  • @JagTheRipper
    @JagTheRipper 8 หลายเดือนก่อน

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

    • @Lkdytz
      @Lkdytz 3 หลายเดือนก่อน

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

  • @delcarmat
    @delcarmat 2 ปีที่แล้ว

    thanks!

  • @vikasshah9251
    @vikasshah9251 2 ปีที่แล้ว

    Thanku sir

  • @gurpreetsingh-vn7wp
    @gurpreetsingh-vn7wp ปีที่แล้ว

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

    • @SixMinutesSmarter
      @SixMinutesSmarter  ปีที่แล้ว +1

      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.

  • @madness3692
    @madness3692 2 ปีที่แล้ว

    thanks man

  • @sallen1599
    @sallen1599 6 หลายเดือนก่อน

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