Change value on submit

1

Hi guys.
Don’t really know what i’m looking for but i’m gonna keep this simple. I’m helping a friend out with here website. It started as a simple HTML site and later on developed a simple php booking form.

Here’s how it look today

<input type="radio" name="datum" value="2020-05-10 kl. 09:00-16:00">2020-05-10 kl. 09:00-16:00<br />
<input type="radio" name="datum" value="2020-05-16 kl. 09:00-16:00">2020-05-16 kl. 09:00-16:00<br />
<input type="radio" name="datum" value="2020-06-07 kl. 09:00-16:00">2020-06-07 kl. 09:00-16:00<br />
<input type="radio" name="datum" value="2020-06-13 kl. 09:00-16:00">2020-06-13 kl. 09:00-16:00<br />
<input type="radio" name="datum" value="2020-06-28 kl. 09:00-16:00">2020-06-28 kl. 09:00-16:00<br />
<input type="radio" name="datum" value="2020-07-04 kl. 09:00-16:00">2020-07-04 kl. 09:00-16:00<br />
<input type="radio" name="datum" value="2020-08-01 kl. 09:00-16:00">2020-08-01 kl. 09:00-16:00<br />
<input type="radio" name="datum" value="2020-08-09 kl. 09:00-16:00">2020-08-09 kl. 09:00-16:00<br />
<input type="radio" name="datum" value="2020-08-29 kl. 09:00-16:00">2020-08-29 kl. 09:00-16:00<br />
<input type="radio" name="datum" value="2020-09-06 kl. 09:00-16:00">2020-09-06 kl. 09:00-16:00<br />
<input type="radio" name="datum" value="2020-09-12 kl. 09:00-16:00">2020-09-12 kl. 09:00-16:00<br />
<input type="radio" name="datum" value="2020-09-20 kl. 09:00-16:00">2020-09-20 kl. 09:00-16:00<br />
<input type="radio" name="datum" value="2020-10-11 kl. 09:00-16:00">2020-10-11 kl. 09:00-16:00<br />

She want to change it so there’s only 10 available reservation on each date, and when a new booking is sent that value are changed like this

<input type="radio" name="datum" value="2020-05-10 kl. 09:00-16:00">2020-05-10 kl. 09:00-16:00 - Reservation left 9 of 10<br />

I don’t even know what’s the easiest solution here. Javascript? PHP? Set up a database? Is it even possible with HTML?

2

It is definitely possible . Is she storing the booking data or any data related to the input fields on the server side/database? Don’t have PHP experience but can implement a solution by setting up a NodeJS or express server and then keep track of the number of bookings made . Accordingly, you can send that data back to the client and display it.
@jebediah

3

Hi and thanks for answer.
It’s a kinda simple php script. Both the “reserver” and the site owner gets a mail that tells you all the info with date and name etc. So no database :confused:

4

My suggestion is to use JavaScript. write an api to store a booking data ( backend) and in frontend create a promise at sucessfull response of the api make the DOM value -1. you can use document.getElements to acheive the scenario

5

Thanks.
Is there any chance to help out a pal in need with this?