Aquí está el código con el que estoy trabajando:

 const encodedParams = new URLSearchParams(); encodedParams.append("q", "Hello, world!"); encodedParams.append("target", "es"); encodedParams.append("source", "en"); const options = { method: 'POST', headers: { 'content-type': 'application/x-www-form-urlencoded', 'Accept-Encoding': 'application/gzip', 'X-RapidAPI-Host': 'google-translate1.p.rapidapi.com', 'X-RapidAPI-Key': '3955ade317mshe662a97591d523ap1e4475jsn3bb2b223ccbb' }, body: encodedParams }; fetch('https://google-translate1.p.rapidapi.com/language/translate/v2', options) .then(response => response.json()) .then(response => console.log(response)) .catch(err => console.error(err));

Aquí está la respuesta que recibo de la API

 {data: {…}} data: translations: Array(1) 0: {translatedText: '¡Hola Mundo!'} length: 1 [[Prototype]]: Array(0) [[Prototype]]: Object [[Prototype]]: Object

¿Cómo tomaría el texto traducido de la respuesta de la API y establecería una variable igual a eso? He probado TRANSLATED_TEXT = response.data.translations[0].translatedText;

Necesito configurar una variable y luego colocar la variable en un h1 en un documento HTML. ¡Cualquier ayuda para obtener la respuesta de la API sería apreciada!