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>
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);
}
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;
scriptis.js
const graficoEuro = document.getElementById('graficoEuro');
const graficoParaEuro = new Chart(graficoEuro,{
type: 'line',
data:{
labels: [],
datasets: [{
label: 'euro',
data: [],
fill: false,
borderColor: 'rgb(0, 123, 255)',
tension: 0.1
}]
}
});
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);
})
styles.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');
}
Só que mesmo assim continua dando errado. Por quê, será?