[Projeto] Desafio cumprido

workerEuro.js

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

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

Acréscimo scripts.js

const graficoEuro = document.getElementById('graficoEuro')

const graficoParaEuro =  new Chart(graficoEuro, {
    type: 'line',
    data: {
      labels: [],
      datasets: [{
        label: 'Euro',
        data: [],
        borderWidth: 1
      }]
    },
  });

  let workerEuro = new Worker ('./script/workers/workerEuro.js');

  workerEuro.postMessage('euro');
  
  workerEuro.addEventListener("message", event => {
      let tempo = geraHorario()
       let valor = event.data.ask
       selecionaCotacao("euro",valor)
       adicionarDados(graficoParaEuro,tempo,valor)
  })

Acréscimo HTML

<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>

Acréscimo CSS

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