Add and average date from text input on different web pages

[theClerk]

I'm creating a web-based app and it's built on HTML, CSS, JS. I need to use JS to add the values entered in various text, checkbox, and drop-down inputs on different pages and display an output on a different page. I'm not sure what JS code to utilize for this.

Basic scheme:

Data inputted on 20 pages is added up or averaged, and the result is to be displayed on one summary of data page.

 

I saw some code (see below) that does something similar, but not exactly what I need, as it does not explain how data from specific fields on various web pages can be added or averaged. I imagine I'd have to incorporate the link address of each page into the JS formula so it can know where to pull the data from.

Any ideas?

Edited July 29, 2019 by theClerk
Had to replace image + add an image

[justsomeguy]

Javascript running in a browser only has access to the current document.  Trying to do anything else would be a series of hacks.  You could put a bunch of hidden iframes or something on the page to point to different pages if they're on the same domain and try to access things through that.  A much simpler and more useful solution would be to store your data in a database instead of in HTML files.

Depending on what the purpose is, you can save the various values in localStorage or sessionStorage to access on other pages.

[smus]

justsomeguy is right, if you have complex data, better to store it in a database, server-side or client-side. Even HTML5 (using JS) has a way to store data called webstorage. Choose the way that suits you best

[theClerk]

On 7/29/2019 at 5:03 PM, justsomeguy said:

Javascript running in a browser only has access to the current document.  Trying to do anything else would be a series of hacks.  You could put a bunch of hidden iframes or something on the page to point to different pages if they're on the same domain and try to access things through that.  A much simpler and more useful solution would be to store your data in a database instead of in HTML files.

Depending on what the purpose is, you can save the various values in localStorage or sessionStorage to access on other pages.

Thanks, justsomeguy. I'll look into this.

[theClerk]

@justsomeguy, what database would you recommend?

[justsomeguy]

It might depend on your environment.  If you're using Microsoft servers with .NET on the backend, then you might have SQL Server available.  If it's a server with PHP on the backend then MySQL/MariaDB would be most popular.

[theClerk]

I understand, @justsomeguy. Now, a primary feature is this form needs to be accessible to multiple people simulteneously and savable with different filenames. I trying to figure this out too.

BONUS QUESTION:

We need a text input header area, wherein text inputted will populate across pages (if we continue the HTML files route).

 

[justsomeguy]

Any database supports multi-user access, the database will let several different applications connect at once.

savable with different filenames

I don't know what you mean, what are you saving?

We need a text input header area, wherein text inputted will populate across pages

That's what a database is for.  Have page to update the header text in the database, and the other pages should get the text from the database and display it.

[theClerk]

2 hours ago, justsomeguy said:

Any database supports multi-user access, the database will let several different applications connect at once.

 

 

I don't know what you mean, what are you saving?

 

 

That's what a database is for.  Have page to update the header text in the database, and the other pages should get the text from the database and display it.

That all sounds good to me. I'll look into it. Thanks, @justsomeguy.