Mengurutkan Data Dengan Method Sort Menggunakan JavaScript

Pada pembahasan kali ini kita akan mengurutkan data dengan method sort menggunakan javascript , method sort digunakan untuk mengurutkan element pada array .

Berikut Tampilan form :

alt

Source Kode lengkapnya :

<!DOCTYPE html>  
<html>  
    <head>
        <title>Sort by Javascript</title>
    </head>
<body>  
    </br>
        <table border="1" width="50%" align="center">
            <tr>
                <td align="center"><h4><p> Mengurutkan Nama Hewan Dengan Method Sort </p></h4></td>
            </tr>
                <td align="center"><p><h3>Kucing,Singa,Beruang,Rusa,Kijang</h3></p></td>
            <tr>
                <td align="center"><button onClick="hewanku()" value="Submit">Submit</button> 
                    <h3><p id="data"></p></h3>
                </td>
            </tr>
        </table>
    <script>
    var hewan = ["Kucing","Singa","Beruang","Rusa","Kijang"];

        function hewanku(){
                    hewan.sort();
                    document.getElementById("data").innerHTML = hewan;
        }

    </script>
</body>  
</html>  

function hewan digunakan untuk melakukan sort data berdasarkan ascending
hewan.sort()

<table border="1" width="50%" align="center">  
     <tr>
        <td align="center"><h4><p> Mengurutkan Nama Hewan Dengan Method Sort </p></h4></td>
     </tr>
        <td align="center"><p><h3>Kucing,Singa,Beruang,Rusa,Kijang</h3></p></td>
     <tr>
        <td align="center"><button onClick="hewanku()" value="Submit">Submit</button> 
            <h3><p id="data"></p></h3>
        </td>
     </tr>
</table>  

onClick="hewanku()" digunakan untuk memanggil function hewanku.

Untuk Source Code bisa didownload di
https://github.com/era-belajar/Sort-Data-AngularJS

Marfi Saputra

Web Programmer di erabelajar.com (PT Ridaka Indonesia Cerdas) . Mengambil Kosentrasi Informatika Komputer di LP3I JAKARTA Kampus Depok