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

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

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

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

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

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

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

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

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

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

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

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

      ​@@jyoti42229batao na fir

    • @ShivSindhu088
      @ShivSindhu088 2 หลายเดือนก่อน +1

      @@jyoti42229 tell me please

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

  • @DevoutJourney
    @DevoutJourney 10 หลายเดือนก่อน +16

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

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

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

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

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

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

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

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

    You walked through this so well!

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

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

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

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

  • @噗豆粒-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.

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

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

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

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

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

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

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

    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.

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

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

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

    Clear explanation thank you very much

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

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

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

    Thank you for clearing my value concept 😇✌

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

    just awesome . Found after two days of searching.

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

    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

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

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

  • @Raku_05-r
    @Raku_05-r ปีที่แล้ว

    Good sir, you earned yourself a new subscriber today.

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

    Dear God thank you for this wonderful man.

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

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

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

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

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

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

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

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

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

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

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

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

    thanks for explaining by good design/type.

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

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

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

    simple and useful, wonderful

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

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

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

    Love your content

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

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

    You explain so well! Just subscribed

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

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

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

    Thanks dear. Simple and understandable.

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

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

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

    very help full 😍

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

    Thank you so much! This was very helpful!

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

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

    thanks so much man god bless and never ever give up

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

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

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

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

    Thanks it was help ful..

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

    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

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

    This is really helpful

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

    Thank you so much simple and good

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

    Saved my time.

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

    From India ❤

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

    Thank you so much i so needed this

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

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

    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.

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

    thanks you so much mister, this was helpful

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

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

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

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

  • @Dev-zi5ep
    @Dev-zi5ep 27 วันที่ผ่านมา

    Thanku so much 😇

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

    very good and easy

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

    Nice ❤! Thanks

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

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

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

    thanks my man

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

    Thanks so much ❤

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

    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.

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

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

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

    Thank you God! ❤️

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

    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

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

    Thank you so much

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

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

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

    Thanks a million

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

    Great! Thank you! 🥰

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

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

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

      . value type first letter v in small letter

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

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

    thanks, super usefull!

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

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

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

    You're the best

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

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

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

    Thaaankss!!!!!

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

    Thanks A Ton 😇

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

    Thanks!

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

    How to excute another value taken from input

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

    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 5 หลายเดือนก่อน

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

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

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

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

    • @SixMinutesSmarter
      @SixMinutesSmarter  2 ปีที่แล้ว +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.

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

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

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

    appreciate it !

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

    Thanku sir

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

    Thanks 👍😊 guy

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

    Output box don't appear ☹️

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

    How do I direct it to another page

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

    how do i display it in a list ? pls answer