Как получить id в элементе и обработать?

Оу, не знал, что так можно. Буду знать. Это решение подходит. Спасибо))!))

Где поменять чтобы элементы отображались с конца?

Даааа, заработало) Спасибо большое!

Где поменять чтобы элементы отображались с конца?

Добавил одно число, укоротил script, чтобы глаза не разбегались.
Все равно не понимаю, как реализовать. Два часа уже тыкаюсь по-разному.
Единственное, что получилось, это вместо append добавить prepend, но это не то)

<script>
    var arr = new Array();

    var key = 123456;
    var iNum = 0;

	var digits = key.toString().split('');
	var realDigits = digits.map(Number)

	console.log(realDigits);


    $('.next-ball').on('click', function(){

      var classList = ["white-ball", "blue-ball", "pink-ball", "green-ball", "yellow-ball"];

      $('.lottery').append('<li class="lottery-ball ' + classList[Math.floor(0)] + '">' + realDigits[iNum] + '</li>');
      
      	

      console.log(arr);
      //if lottery number calls is greater than 5 then switch button classes and send an alert to the user 
      if ( $('.lottery').children().length > 5 ) {
        $('.next-ball').hide();
        $('.play-again').show();
        alert('Готовы к победе?');
      }
       iNum++;
    });

   
    //If once the game is finished the user chooses to play again switch button classes 
    $('.play-again').on('click', function(){
      $('.lottery').children().remove();
      iNum = 0;
      arr = [];
      $('.next-ball').show();
      $('.play-again').hide();
    });

    </script>