Hallo liebes Support Team,
für eine Studie würden wir auf einer Seite gerne einen zufällig ausgewählten Buchstaben für eine Sekunde anzeigen. Dieser soll anschließend ausgeblendet werden, worauf ein neuer zufällig ausgewählter Buchstabe folgen soll. Dies würden wir gerne für 100 Buchstaben wiederholen. Die Buchstaben selbst müssen nicht gespeichert werden.
Weiß jemand, wie man dies in html oder JavaScript programmieren kann? Bisherige Versuche (z.B. auf Basis folgender Website: https://stackoverflow.com/questions/914951/show-and-hide-divs-at-a-specific-time-interval-using-jquery) haben leider aufgrund mangelnder Programmierungskenntnisse nicht funktioniert...
EDIT:
Die Weiterleitung auf eine neue Seite nach 100 Sekunden funktioniert problemlos. Nur leider werden mit dem folgenden Code keine Buchstaben auf der Seite angezeigt - die Seite bleibt leer.
Versuch Nummer 1: Pre-Test
<script type="text/javascript">
<!--
var myVar = setInterval(getRandomUppercaseChar, 1000);
function getRandomUppercaseChar() {
var r = Math.floor(Math.random() * 26);
return String.fromCharCode(65 + r);
}
// -->
</script>
und Versuch Nummer 2: Pre-Test
<script type="text/javascript">
<!--
var myVar = setInterval(getRandomItem, 1000);
function getRandomItem(arr) {
// get random index value
const randomIndex = Math.floor(Math.random() * arr.length);
// get random item
const item = arr[randomIndex];
return item;
}
const arr = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M',
'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
const result = getRandomItem(array);
console.log(result);
// -->
</script>