I have simple app for recording of performed services, but I don't want to use database.
I've got data.JSON
which I fetching in pure JS ->
fetch('./data/data.json')
.then(res => res.json())
.then(data => {/*fetched data appended into html*/})
So when I want add new record I don't know how to save new object into json. I looked for some tutorial but everything was for Node.js, php,...
<form id ="newRow">
// ...
</form>
<script>
document.getElementById('newRow').addEventListener('submit', addPost);
function addPost(e) {
e.preventDefault();
let name = document.getElementById('fname').value;
let date = document.getElementById('fdate').value;
let service = document.getElementById('fservice').value;
let price = document.getElementById('fmoney').value;
let desc = document.getElementById('fdesc').value;
const user = {
id: Date.now(),
name: name,
date: date,
service: service,
price: price,
desc: desc
}
document.forms[0].reset();
}
</script>