Fiz dois inputs date, e quando clica em "gerar" ele mostra no console o produto que tem nessas datas, mas ele é uma variável, como faço para virar uma classe e jogar no html? aí toda vez que eu chamar a class ele aparece, ex.:
<h2 class="produto-1"></h2>
Aí ele apareceria aí.
obs.: ele pega o produto de uma api que eu fiz.
Código:
<body>
<input type="date" id="inicio">
<input type="date" id="fim">
<button onclick="PostData();">GERAR</button>
<!-- -->
<script>
function PostData() {
var inicio,fim;
inicio = document.getElementById('inicio').value;
fim = document.getElementById('fim').value;
fetch('http://localhost/api', {
method: 'POST',
headers: {'Content-Type':'application/x-www-form-urlencoded'},
body: `inicio=${inicio}&fim=${fim}`
}).then(response => response.json().then(data => ({
data: data,
status: response.status
})
).then(res => {
var insere = (res.data.dados.nome);
console.log(insere);
})
)
}
</script>
</body>