Beispiel:JS-Array-length-02.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.length</title>

<script> 'use strict'; var farben = ['rot', 'orange', 'gelb', 'grün', 'blau'];

function init() {

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

}

function arrayKuerzen() {

 farben.length = 7;	
 var x = 'Anzahl Elemente: ' + farben.length +'
Array: ' + farben ;
 var ausgabe = document.getElementById('ausgabe');
 ausgabe.innerHTML = x;

}

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

<body>

Beispiel: Array.length - Array kürzen / erweitern

 <main>

Durch einen Klick auf "Los" kürzst du den Array.

var farben = ['rot', 'orange', 'gelb', 'grün', 'blau']; 

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

Tipp:Erweitere den Array, indem du array.length einen höheren Wert zuweist.

 </main>

</body> </html>