Beispiel:JS-Array-01.html

<!DOCTYPE html> <html> <head>

 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0;">  
 <link rel="stylesheet" type="text/css" media="screen" href="./Beispiel:Grundlayout.css" />  
 <title>Array - 1</title>

<script> 'use strict'; var farben = new Array('rot', 'orange', 'gelb', 'grün', 'blau');

function init() {

 var elem = document.getElementById('button');
 elem.addEventListener('click', ausgeben);	

}

function ausgeben() {

 var x = farben[1];
 var ausgabe = document.getElementById('ausgabe');
 ausgabe.innerHTML = x;

}

document.addEventListener('DOMContentLoaded', init); </script> </head>

<body>

Beispiel: Array - Ausgabe eines Werts mit dem Index-Operator

 <main>

Durch einen Klick auf "Los" gibst du einen Wert des Arrays aus.

   <button type="button" id="button" >Los!</button>

Tipp: Verändere die Zahlen im Index-Operator [i] oder lasse ihn ganz weg.

 </main>

</body> </html>