<select name="edades" id="edades">
<option value="1" >1 años</option>
<option value="2">2 años</option>
<option value="3">3 años</option>
<option value="4">4 años</option>
<option value="5" selected>5 años</option>
</select>
me gustaria crear una etiqueta similar a la de aqui arrriba pero desde un archivo js, esta es la funcion que devuelve las edades funciona pero al momento de crear las etiqueta solo me aparece la ultima inserccion es decir que si llega 5 y 7 pero solo me crea la etiqueta con la opcion 7.
<select id="containerEdades" class="containerEdades"></select>
var container = document.getElementById('containerEdades')
function consultarEdad() {
var option = document.createElement('option')
fetch('http://localhost:3500/edadesMascotas')
.then(response => response.json())
.then(data =>
data.forEach(element => {
option.innerHTML = `${element.edad}`
})
);
container.appendChild(option)
}