<div id="contenedor" class="container "> <h1>Hoy el bitcoin está a <span id="cotizacion"></span></h1> Cuantos bitcoins tienes: <input type="number" id="bitcoins" value="0"> <button id="calcular">Calcular</button> <h3>Tienes: <span id="cartera"></span> €</h3> </div> <script src="js/test.js"></script>
document.getElementById('calcular').addEventListener('click', calcular) function calcular () { fetch('https://api.coindesk.com/v1/bpi/currentprice.json') .then(function (response) { // Si tengo respuesta return response.text() // El html de la página me lo pasas al siguiente then }) .then(function (html) { // Dentro de html yo tengo la respuesta de la página console.log(html) const objeto = JSON.parse(html) console.log(objeto) console.log(objeto.bpi.EUR.rate) const cantidad = parseFloat(document.getElementById('bitcoins').value) document.getElementById('cotizacion').innerHTML = objeto.bpi.EUR.rate document.getElementById('cartera').innerHTML = objeto.bpi.EUR.rate_float * cantidad }) .catch(function (err) { console.log('Error: ', err) }) }