Я не могу сделать эти входы кликабельными
Каждый элемент должен быть интерактивным и передавать входное значение "id" для формирования маршрута действия
<form action="/rodada/">
{{#musicas.1}}
{{#.}}
<div class="opcao">
{{titulo}} - {{artista}}
<input id="opcao" class="shh" type="submit" name="musicaAtual" value="
{{idTrackDeezer}}">
</div>
{{/.}}
{{/musicas.1}}
</form>
CSS:
#wp-respostas{
margin-top: 8%;
}
.opcao{
background-color: #fba69d;
text-align: left;
border: 1px solid salmon;
border-radius: 5px;
padding: 4px 0px 4px 4px;
margin-bottom: 5px;
}
.shh{
display: none !important;
}
ФИНАЛЬНЫЙ РЕЗУЛЬТАТ (не кликабелен)
Рабочий код (спасибо, Дэн Освальт):
{{#musicas.1}}
{{#.}}
<div class="opcao" onclick="window.open('/rodada/?id={{idTrackDeezer}}', '_self');">
{{titulo}} - {{artista}}
</div>
{{/.}}
{{/musicas.1}}