xxxxxxx

by Adi Jaya

HTML

<button onclick="demo()">
Click Me
</button>

<pre id="print_arr"></pre>

<p id="len"></p>

<p id="total"></p>

<p id="inner"></p>

CSS

pre {
    overflow: auto;
    padding: 1em;
    background: beige;
}

JavaScript

function $id( id ){
	return document.getElementById( id );
}


function demo(){
		var arr = [];
		var aw = prompt("NILAI AWAL :", "" )
    var ak = prompt("NILAI AKHIR :", "" );
    var total = 0;
    //check empty input
    if( aw == "" || ak == "" ){
    	return alert( "Bidang tak boleh Kosong" );
    }
    
    var awal = parseInt( aw );
    var akhir = parseInt( ak );
    
    //check NaN
    if( isNaN( awal ) || isNaN( akhir ) ){
    	return alert( "Bisang isian hanya boleh angka" );
    }
    
    //check
    if( ak < aw ){
    	return alert( "Nilai Akhir Harus Lebih Besar dari Nilai Awal" );
    }
    
    //loop and push
    for( var i = awal; i <= akhir; i++ ){
    	arr.push( i );
    }
    console.log( arr );
    
    // test Output
    $id( "print_arr" ).textContent = JSON.stringify( arr, null, 4 );
    
    $id( "len" ).innerHTML = "<b>Length</b> : "+ arr.length;
    
    //test output
		$id( "inner" ).innerHTML = "";

    for( var j = 0; j < arr.length; j++ ){
    	total += arr[j];
    	var btn = document.createElement( "button" );
        	btn.innerHTML = arr[j];
            btn.setAttribute( "data-original_index", j );
            btn.setAttribute( "data-index", (j+1) );
            btn.setAttribute( "data-value", arr[j] );
        $id( "inner" ).appendChild( btn );
    }
    
    
    
    //if( "function" === typeof Array.prototype.reduce ){
    	// array reduce not recomended for webview mode
      // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/Reduce
			//$id( "total" ).innerHTML = "<b>Total</b> :"+ arr.reduce((a, b) => a + b, 0);
    //} else {
    	$id( "total" ).innerHTML = "<b>TOTAL </b> : "+ total;
    //}
    
    
    
}