Desafio: nova moeda

Index.html

 </article>
      <article class="dadosEuro">
      <div class="grafico">
        <div class="grafico__titulo">
          <span class="grafico__ilustracao-euro"></span>
                   <h2>Variação da moeda desde o login</h2>
        </div>
       <canvas id="graficoEuro"></canvas>
      </div>

      <div class="investimentos">
        <h2>Valores da moeda</h2>
        <ul class="investimentos__lista" id= "euro" data-lista>
        </ul>
      </div>
    </article>

scripts.js

let workerEuro = new Worker('./script/Workers/WorkerEuro.js');
workerEuro.postMessage('euro');

workerEuro.addEventListener("message", (event) =>{
    const tempo = geraHorario();
    const valor = event.data.ask;
    selecionaCotacao("euro", valor);
    const listaEuro = document.querySelector('#euro');
    adicionarDados(graficoParaEuro, tempo, valor);
})

imprimeCotacao.js

function imprimeCotacao(lista, nome, valor) {
    lista.innerHTML = '';
    const plurais = {
        "dolar": "dolares",
        "iene": "ienes",
        "euro": "euros"
    }
    const li = document.createElement('li');
     li.textContent = `${nome} agora: R$ ${Number(valor).toFixed(4)} (${plurais[nome]})`;
  lista.appendChild(li);
    }
    
export default selecionaCotacao;

workerEuro.js

addEventListener("message", event => {
    conectaAPI()
    setInterval(() => conectaAPI(), 15000) 
})

async function conectaAPI() {
    const conecta = await fetch('https://economia.awesomeapi.com.br/last/EUR-BRL');
    const conectaTraduzido = await conecta.json();
    postMessage(conectaTraduzido.EURBRL);
}

grafico.css

.grafico__ilustracao-euro {
    background-image: url('../imagens/euro.png');
}

.grafico__ilustracao-dolar {
    background-image: url('../imagens/cifrao.png');
}

.grafico__ilustracao-iene {
    background-image: url('../imagens/iene.png');
}