Untitled

<!DOCTYPE html>
<html>
<body>

<h2>Testii</h2>

<p>Lajittele tuotteet hinnan mukaan</p>

<button onclick="displayFruits()">Lajittelutesti</button>

<div id="saladaa"></div>

<script>
var fruits = [
  {fruit:"Appelsiini", price:0.68},
  {fruit:"Kiiwi", price:2.55},
  {fruit:"Persikka", price:1.99},
  {fruit:"Paaryna", price:1.25},
  {fruit:"Vesimeloni", price:0.99},
  {fruit:"Mansikka", price:7.5}
];

displayFruits();

function displayFruits() {
  fruits.sort(function(a, b){
    var x = a.fruit.toLowerCase();
    var y = b.fruit.toLowerCase();
    if (x < y) {return -1;}
    if (x > y) {return 1;}
    return 0;
  });
  displayFruits();
}

function displayFruits() {
  document.getElementById("saladaa").innerHTML =

  fruits[0].fruit + " " + fruits[0].price + "<br>" +
  fruits[1].fruit + " " + fruits[1].price + "<br>" +
  fruits[2].fruit + " " + fruits[2].price + "<br>" +
  fruits[3].fruit + " " + fruits[3].price + "<br>" +
  fruits[4].fruit + " " + fruits[4].price + "<br>" +
  fruits[5].fruit + " " + fruits[5].price;
}
</script>

</body>
</html>