He creado una página web que devuelve la edad de una persona en función de su nombre.

Decidí usar una declaración de cambio para mostrar un mensaje basado en la edad devuelta por la API, pero no se mostrará en la página web. ¡Cualquier ayuda es apreciada!

 const btn = document.querySelector(".btn"); //Button to initiate API request const getAge = async (name) => { const response = await fetch(`https://api.agify.io?name=${name}`); //API url used to request age after name is submitted const data = await response.json(); console.log(data); const header = document.querySelector('.header'); //Response from API is displayed after message const message =`Your Age is:`; header.textContent = message; const content = document.querySelector('.content'); //Actual age returned from API content.textContent = data.age; }; btn.addEventListener("click", (e) => { //Event listening for button click e.preventDefault; const name = document.querySelector(".input-item").value; getAge(name); }); var a = content; switch(data.age(a)) { case a<=18: document.write("Just a youngin!") //if e<=18 break; case a>=19 && a<40: document.write("Mid-life crisis incoming!") //if e>=19 && e<=40 break; case a>=41: document.write("Too Old!") //if e>=41 break; }