Função ao clicar no botão
Boa Tarde
Estou desenvolvendo um filtro que ao clicar nas opções, sobrepõe com novas opções e assim triando o meu publico aonde precisa
Segue o código que desenvolvi:
<!DOCTYPE html>
<html>
<body>
<style>
#filtrotopo {
background: #484949;
}
}
#h4topo {
text-align: center;
color: white;
font-size: 18px;
}#form1 section {
display: flex;
flex-wrap: wrap;
justify-content: center;
}h4 {
}
#form1 section label {
display: flex;
justify-content: center;
align-items: center;
margin: 0 10px;
/* width: calc(100% / 5); */
color: red;
text-align: center;
}@media screen and (max-width:768px) {
#form1 section label {
margin-bottom: 20px;
width: 100%;
}
}
</style>
<div id="minhaEscolha"></div>
<div id = "filtrotopo">
<h4 style="text-align: center;" id="h4topo">Personalize</h4>
<form action="#" id="form1">
<section>
<label>
<button onclick="exemplo1()">
exemplo1</button>
</label>
<label>
<button onclick="exemplo2()">
exemplo2
</button>
</label>
</section>
</form>
<br>
</div>
<div id="teste1" style="display: none;">
<h3>Texto 1</h3>
<p>Sou o Texto 1</p>
<p>Tenho o nome de Texto 1</p>
</div>
<script>
function exemplo1() {
var x = document.getElementById("url");
var y = document.getElementById("minhaEscolha");
y.innerHTML = x.innerHTML;
}
</script>
function exemplo2() {
var x = document.getElementById("teste1");
var y = document.getElementById("minhaEscolha");
y.innerHTML = x.innerHTML;
}
<body>
</html>
Poderiam me ajudar a finalizar esse código? No caso ele coloca na parte de cima o texto que quero, mas no caso vou substituir com um outro filtro desse, e o Exemplo 1 esta com "url" pois quero enviar para uma pagina mas não consigo fazer essa chamadaDiscussão (2)
Carregando comentários...