HTML
<div data-card="1"></div> <div data-card="2"></div> <div data-card="3"></div> <div data-card="4"></div>
SCSS
[data-card] { visibility: hidden; display: inline-block; padding: 20px; border-radius: 5px; border: 1px solid #fff; &:after { content: "Karte "attr(data-card); } &.active { visibility: visible; } }
Script
var cards = document.querySelectorAll('[data-card]'); cards[Math.random() * cards.length | 0].classList.add('active');