Um trampo de JS e HTML que eu não consegui fazer de forma alguma
Recentemente um cliente chegou com uma ideia para o site dele e estou há 10 dias quebrando a cabeça e o negócio não flui.
É o seguinte, ele tem um site com ferramentas online simples (calculadoras e conversores), é tudo bem fácil, geralmente 2 inputs para captar valores, um button com onClick=function() e uma div com id="resultado" para mostrar o resultado do cálculo.
Até ai beleza...
Ele utiliza Google Adsense nesse site, e parece que existe um formato de anúncio chamado de Vignette (vinheta), é um anúncio que aparece em tela cheia sempre que um usuário clica em links internos no site.
Basicamente este formato de anúncio aparece quando o usuário navega entre página do site.
Ele encontrou um site https://lagged.com/en/g/elastic-man, e percebeu que quando ele clicava no botão Play Now, esse anúncio em tela cheia aparecia.
Ele me questionou se era possível fazer isso com as calculadoras dele, sempre que algum usuário clicasse no button para CALCULAR, simulasse uma transição de página, que por consequência, abriria o tal anúncio de Vinheta (que segundo ele, paga 10x mais que os banners normais).
De início tentei isso, mas não rolou:
`var buttons = document.querySelectorAll('button');
buttons.forEach(function(button) {
button.addEventListener('click', function() {
// Realiza as operações e obtém o resultado
window.location.href = window.location.href;
});
});`
Já tentei também um simples, e não rolou: <a><button></button></a>
Tentei algumas outras formas de refresh após clique no botão, porém, sem resultados.
Alguém já pegou algo semelhante?