I'm building a simple web app to display Uni. restaurant menus. I need to store user settings without asking anyone to give me any information (ie. login, account name or so). So the whole thing has to be saved at the client-side. The preferences are simple (vegetarian=true, restaurant1=true etc.) so a cookie should do in my opinion.
I'm just a bit confused about JS and cookies. Do they work always? Another discussion on this matter had a comment that modern browsers implement cookies in a way that they won't be retrievable by the website through JS. Is that true? Can I trust JS to save the cookies and retrieve them later on or not?
If JS doesn't work everywhere, how should I handle the user preferences saving/retrieving transparently to the user?
The website portion of my app is HTML5 using Bootstrap, generated by Ractive.js, and menu info fetched and served from JSON files.