Hola soy nuevo en este foro, les comento que estoy implementando un sistema de registro de mascotas, que al momento de dar click en varios debe de desplegarse un input text, he tratado de hacerlo con onclick y no funciona, les pido sugerencias.
<div class="form-group col-12 col-md-4">
<label for="raza-mascota">Raza</label>
<select
data-toggle="tooltip"
data-placement="bottom"
title="Este campo es obligatorio"
class="form-control"
id="razaMascotaRegistra"
onchange="addCleseRazaRegistra ()"
>
<option value="" >-Raza-</option>
<option value="2" >Schnauzer</option>
<option value="3" >Cruzado</option>
<option value="4" >Otros</option>
</select>
</div>
<div class="form-row mb-3 justify-content-center d-none" id="razaOtroMascotaRegistra">
<div class="form-group col-12 col-md-8 ">
<input
type="text"
class="form-control"
placeholder="* Especifica la raza de tu mascota"
/>
</div>
</div>
function remCleseRazaRegistra() {
var razaOtroMascotaRegistra = document.getElementById("razaOtroMascotaRegistra");
razaOtroMascotaRegistra.classList.remove("d-none");
};