JSFiddle - React, Tailwind, and code Playground

HTML

<form action="" method="POST">

<input type="text" name="idade" id="idade" required>
<label for="idade">Idade</label>
<br><br>

<input type="text" name="mae" id="mae">
<label for="mae">Mãe</label>
<br><br>

<input type="text" name="pai" id="pai">
<label for="pai">Pai</label>
<br><br>

<button type="submit">Enviar</button>

</form>

JavaScript

var campoIdade = document.getElementById('idade');

campoIdade.onchange = function() { 
	
	var idade = campoIdade.value;
	
	if(idade < 18) {
		document.getElementById('mae').required = true;
    document.getElementById('pai').required = true;
	}	else {
		document.getElementById('mae').required = false;
		document.getElementById('pai').required = false;
	}
}