JSFiddle - React, Tailwind, and code Playground

HTML

<form id="myForm" >

	gender:

	<input id="man" type="radio" name="gender" value="Man" >
	<label for="man">Man</label>

	<input id="vrouw" type="radio" name="gender" value="Vrouw">
	<label for="vrouw" >Vrouw</label>

	dateOfBirth:
	<input type="date" id="dateOfBirth" name="datum" required />

	weight (in kg):
	<input type="number" id="weight" name="weight" required />

	height (in cm):
	<input type="number" id="height" name="height" required />

	Hoeveel keer doe je aan sport per week?
	<select id="sportive" name="sport">
		<option value="1.2" >Weinig of geen training, kantoorwerk</option>
		<option value="1.375">Lichte training/sport 1-3 dagen per week</option>
		<option value="1.55" >Gemiddelde training/sport 3-5 dagen per week</option>
		<option value="1.725" >Zware training/sport 6-7 dagen per week</option>
		<option value="1.9" >Zware dagelijkse training/sport plus lichamelijk werk</option>
	</select>

	<br />

</form>

JavaScript

$(document).ready(function() {
		$(window).unload(saveSettings);
		loadSettings();
	});

	function loadSettings() {
		$('#height').val(localStorage.height);
		$('#weight').val(localStorage.weight);
		$('#dateOfBirth').val(localStorage.dateOfBirth);
		$('input[value="' + localStorage.gender + '"]').prop('checked', true);
		$("#sportive").val(localStorage.sportive);
	}

	function saveSettings() {
		localStorage.height = $('#height').val();
		localStorage.weight = $('#weight').val();
		localStorage.dateOfBirth = $('#dateOfBirth').val();
		localStorage.sportive = $("#sportive").val();
		localStorage.gender = $('input[type=radio]:checked').val();
	}