He creado una calculadora simple. Configuré la entrada del usuario con la condición if-else para mostrar/ocultar los campos del formulario de entrada usando los botones de opción. Aquí está el código:

 Amount Saved For retirement : Yes <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="yesCheck"> No <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="noCheck"> <div id="ifYes" style="visibility:hidden"> <div class="i_container"> <div class="i_row"> <label id="saved_amount_label_id" for="saved_amount_input_id1">Saved Amount For Retirement (₹)</label> <span><input class="form-control" name="saved_amount_input_name1" id="saved_amount_input_id1" type="number" step="50000" value="0" min="0" max="10000000" oninput="showValSavedAmount(this.value)" /></span> </div> </div> <div class="i_container"> <div class="i_row"> <label for="retirement_return_input_id1">Expected Return Percentage (%)</label> <span><input class="form-control" name="retirement_return_input_name1" id="retirement_return_input_id1" type="number" value="12" min="5" max="30" step="0.5" oninput="showValRetirementReturn(this.value)" /></span> </div> </div> </div>

JavaScript:

 function yesnoCheck() { if (document.getElementById('yesCheck').checked) { document.getElementById('ifYes').style.visibility = 'visible'; } else document.getElementById('ifYes').style.visibility = 'hidden'; }

Necesito volver a establecer el valor en cero si se seleccionó la condición "NO" después de proporcionar algún valor de entrada en los campos configurados como visibles si hicieron clic en "SÍ".