JSFiddle - React, Tailwind, and code Playground

by SĂ©bastien Lorentz

HTML

<iframe id="form1" src="https://docs.google.com/forms/d/e/1FAIpQLScEqjzaxZzR3NRXW7X1n251dS1FaG68dnTS61JE4GW7CgeRjA/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Chargement en cours...</iframe>
<iframe id="form2" src="https://docs.google.com/forms/d/e/1FAIpQLSfdQhjREZFsi8lP51k6t4IZ8M1B2g41oHwU5b4LEmoKPmIq0Q/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Chargement en cours...</iframe>
<button id="next">
Passer au formulaire suivant
</button>

CSS

#form2 {
  display: none;
}

JavaScript

document.getElementById("next").onclick = () => {
	document.getElementById("form1").style.display = "none";
	document.getElementById("form2").style.display = "block";
};