JavaScript Problem: Passing a JavaScript Value Between HTML Pages
Вставка
- Опубліковано 26 лют 2019
- In this tutorial we are going to look at passing a value from one HTML page to another. We will use two techniques: localstorage and the query string. The value we are going to pass is the number of milliseconds so that we can determine elapsed time.
For more resources on JavaScript:
www.allthingsjavascript.com
Access to EVERY course (get 2 months free): www.skillshare.com/r/profile/...
Courses offered on Udemy at a discount (access from my site): allthingsjavascript.com/course...
Tutorials referred to in this video:
local storage: • The Ins and Outs of lo...
indexedDB: • Getting Started with i...
coersion: • JavaScript Questions: ...
Formatting Time with Date object: • JavaScript Problem: Fo...
Tracking Elapsed Time: • JavaScript Tip: Tracki...
Determining Days Between Dates: • Determining the Number...
#javascript #AllThingsJavaScriptLLC
This solved the problem I was having for my personal project ! Thank you !
This has been reaaaally helpful!! Thank you :-)
Thank you so much for this!
Thank you so much .I have been watching lots of videos for redirecting my html page .But your lecture video made my day.It helped me in completing my project .Thanks a lot 🤗🤗
Glad it helped!
Awesome! Please post videos on js Design patterns...
Thanks for this video
I just wanted to take out the heading text of one page and show it on other html that this the heading how to do so
About the replacing with regex: Is there nothing less costly, like splitting or find and slice in Python?
There are several solutions since the data is a string. Here is a tutorial on split: ua-cam.com/video/IMm1GsOUGvQ/v-deo.html
Thank you so much! This solved my problem perfectly! :)
really
Thank you sir
This solved my problem! 👏Thank you so much! :D
Glad it helped!
very helpful....
Thank you for the awesome tutorial. How to reset the elapsed time in every refresh or attempt?
To reset the elapsed time, you could get the date again at the same time you reset the variable for tracking the keys.
What do we put in the span tag of present5.html to replace the static text? When I run it, I get "Here is the amount of time that has passed: TIME"
That is handled by the code in app3.js. Just make sure it has the right id 'time'.
I'm having trouble getting the technique to work. I want once the script is executed for the other page to be permanently edited, is there a way to do that with this technique or is that not possible?
Not exactly sure what you mean by "permanently edited". Are you saying you want to change the underlying HTML page? That is not possible from the client side, but if you are trying to permanently change something perhaps that data should be coming from a database??
Good video but i have any question. We can't change the value propertye from a html element? For example: var htmlElement = document.getElementById("idElement"); htmlElement.value = "someValue";
It didn't work for me as it did work before.
You can do this. What type of HTML Element was it? You probably want to use innerHTML for changing the contents.
This video was really useful! I tried with erb file instead of html, but it did not work... It worked fine with html files. Would be very nice if you let me know how to fix it!
Sorry, I don't work in Ruby so not sure why it didn't work.
Hello sir, Awesome tutorial :) I have a doubt
@10:31 in line 12 instead of function(){init();} i did init() directly and it is not working and what s the difference between the two.
I am pretty new to js i started just today so I don't understand the difference
There are a couple of differences, but the main difference is that whenever you put parentheses after a function it causes it to invoke. So if you put in init() with parens, it will invoke immediately not in response to the event. You could put just init (without parens). In my code a defined an anonymous function and then had that function invoke init. Though not necessary sometimes I do that because of issues that can be encountered with the this keyword in JavaScript or if I want to do more than one function in response to the event.
thank you sir tht clarified my doubt . I tried init and it worked bery well
Can you use the LocalStorage -technique to pass a score from a game (game.html) over to a highscore table(highscore.html) on another file?
Local storage works per a domain. So if it is on the same domain you can access it.
@@AllThingsJavaScript the thing is I am only working local on my pc. I dont have a public domene. But the two html files are under in the same folder.
@@johanbondennysveen4418 I would set up a local server. There are so many ways to do this. If you are using VS Code, there is a server extension. You can do it with node as well: ua-cam.com/video/GqAK_dMi-P8/v-deo.html and many other ways.
@@AllThingsJavaScript yeah, I am using VS Code but were thinking about doing it with node. I am not that experienced tho. But, thanks for your answers! I will check out your video too:)
It's a nice video! I have a form, I want the value entered in that form to be displayed on another page! Is it possible using Javascript?? If yes, please give me the link of a video about that, please?
I don't have a tutorial for the specific situation you mentioned, but just grab the value entered in the form and pass it using one of the techniques in this tutorial.
Thanks man It works !! I was facing some dynamic data storage between 2 pages but you helped me out from it ....
Thumbs Up and A Subscribe for you :)
Functional programming is difficult to address in a single tutorial. I've done a course on it: www.udemy.com/functional-programming-in-javascript-a-practical-guide/?couponCode=UA-cam19
Sorry, replied to the wrong comment with the functional course. :-)
@@AllThingsJavaScript Its okay xDD Thanks for comment btw !
You are a fucking genius, you solved my problem with such a good explanation, Thank you very much!