Asynchronous post challenge

You create a website.
It contains 2 text fields, with a single digit number each.

When the user changes the value of a text field, the client transmits the number to a server, asynchronously. No further interaction with the user is required.

As most visitors of the website are mobile users, the client must be able to deal with going offline. When the client comes back online, the values that have not been transmitted so far need to be transmitted.

Optional extra: showing a check mark next to the text field, for successful transmission to the server.

What would be the simplest solution, given you can use only HTML and JavaScript (and JavaScript libraries/frameworks)?

Did you find this post useful? Show some love!

Vanilla JS: use localStorage to keep the values (in order they were typed), and check when connections is online send the events from the queue. (local storage or indexedDB).

Any offline capable framework like Google Firestore, AWS APPSync ....

I'm a little confused by the problem being posed. Do you need to give the user a confirmation that the async task finished?

What I meant In the optional extra: give the user confirmation that the server actually received the data.

So sending is one thing and sufficient in terms of the challenge.
Confirmation of reception by the server would be the cherry on top. Does that help?

In more technical terms: setting the check box as a reaction to a HTTP status ok response from the server qualifies for the optional extra.

App cache, service worker, local storage and Ajax call. I would stick to plain JavaScript.

Who’s going to be the heroIne who posts code?

Classic DEV Post from Jun 26

Books vs Online Courses

Which the two learning methods is better for learning a new programming language?

Follow @kostassar to see more of their posts in your feed.
Bertil Muth
Started with BASIC on a C16, later Assembler on an Amiga 500. Studied computer science. Became consultant for Requirements Engineering and agile development.
More from @bertilmuth
Requirements as code v1.0.0 published
#coding #programming #java #eventdriven
Clever code
#discuss #clever #coding
Trending on
Any idea how to start blogging as a developer?
#discuss #idea #blog
I'm a software developer and a meditation teacher - ask me anything!
#ama #productivity #softskills
#goodbye #career
Barking at the right tree (1000 followers)
#meta #career #blog Review #4: Top 7 Of The Week, Discussed
#discuss #audio #bestofdev #popular
Do not be this kind of developer
Breaking up with my mouse (Mac edition)
#productivity #webdev
Alright, Break It Up! Using Partition/ Chunk
#fp #programming #coding #algorithms