Oye, no puedo entender por qué esto no funciona. Estoy recibiendo dos errores. La primera es que el valor no es una función y la segunda es que el '{' después de "catch(error)", es un error inesperado. Sin embargo, no recibo el error '{' cuando agrego el javascript directamente en mi html. Gracias por cualquier ayuda. La secuencia de comandos está envuelta en la secuencia de comandos, pero se mete con el bloque de código cuando lo ingreso.
const value = async() => { const input = $(input); try{ const response = await fetch(`https://wordsapiv1.p.rapidapi.com/words/hatchback/typeOf?=${input}`, { method: 'GET', headers{ 'X-RapidAPI-Host': 'wordsapiv1.p.rapidapi.com', 'X-RapidAPI-Key': '6bf945be36msh9deedbbf5135343p16d366jsnd17d03ee5bd4' } }) const jsonResponse = response.json(); alert(`${jsonResponse}`) } catch(error) { console.log(error); } }; <input type="text" placeholder="enter location" id="input"> <button onclick="value()"></button>Deberías corregir tu código así
var value = async() => { const input = $("#input").val(); try { const response = await fetch( `https://wordsapiv1.p.rapidapi.com/words/hatchback/typeOf?location=` + input, { method: 'GET', headers: { 'X-RapidAPI-Host': 'wordsapiv1.p.rapidapi.com', 'X-RapidAPI-Key': '6bf945be36msh9deedbbf5135343p16d366jsnd17d03ee5bd4' } }) const jsonResponse = response.json(); alert(`${jsonResponse}`) } catch (error) { console.log(error); } } Un par de cosas que te faltaban : antes de la declaración de encabezados y el selector de entrada estaba mal
Parece que al selector de entrada le faltan ' y # . Su entrada tiene una ID con la input de valor
Esto no funcionará porque intenta seleccionar un elemento con el valor de input
const input = $(input); Aquí seleccionamos un elemento con la entrada ID ( # ) ( #input )
const input = $('#input'); Y para obtener el valor del elemento simplemente use .val()
const input = $('#input').val();