meu problema é que eu não consigo retornar o results['name']
do request da api. Quando clico no botão ele me retorna o response.data com a seguinte resposta
['Object, Object'] e quando eu seto data.results me retorna o erro : scripts.js:15 Uncaught (in promise) TypeError: Cannot read property 'name' of undefined at scripts.js:15
A ideia é : assim que clicar no botão, me retornar um planeta aleatório.
Se alguém puder ajudar eu agradeço.
let button = document.querySelector('#botao');
let name = document.querySelector('#Name');
function getPlanet() {
let randomNumber = Math.floor(( Math.random() * 88 ) + 1 )
let apiUrl = 'https://swapi.co/api/planets/' + randomNumber
// integrando API para adicionar a função getPlanet;
axios.get (apiUrl).then(( async function ( response ) {
console.log(response)
updateInfo ( await response.data.results['name'])
} ))
}
function updateInfo(data) {
name.innerText = data.results
}
// Evento Click;
button.addEventListener('click', getPlanet);