Вывод значения из js в html

Как вывести массив list[get_element_num] в html?

 

Код (Text):

1. <a href="#" id = "get_element"> click</a>
2.  
3. <script>
4.                 $(document).ready(function(){
5.                
6.                     let list = ['Выбрать', 'Яблоко', 'Груша', 'Ананас', 'Банан'];
7.                     var get_element_num = 0;
8.                    
9.        
10.                         $("#get_element" ).click(function(){
11.                        
12.                             alert(list[get_element_num]);
13.                            
14.                             if(get_element_num == 4) {
15.                                 get_element_num = 0;
16.                             }else{
17.                                 get_element_num++;
18.                             }
19.                            
20.                            
21.                     });
22.                 });
23.                
24.                
25.             </script>

Я могу вывести через alert, а мне нужно вывести на странице в моей форме - вот это как сделать?

Код (Text):

1.             <button class="btn btn-primary btn-outline-white px-5 py-3">  как сюда вывести
2.             </button>

 

Код (Text):

1.            
2.             <button class="btn btn-primary btn-outline-white px-5 py-3" id="btn-js-result">
3.             <script> $('#btn-js-result").text(list[get_element_num); </script>
4.             </button>
5.            
6.  
7.  
8.             <a href="#" id = "get_element"> click</a>
9.             <script>
10.                 $(document).ready(function(){
11.              
12.                     let list = ['Выбрать', 'Яблоко', 'Груша', 'Ананас', 'Банан'];
13.                     var get_element_num = 0;
14.                  
15.      
16.                         $("#get_element" ).click(function(){
17.                      
18.                             //alert(list[get_element_num]);
19.                          
20.                             if(get_element_num == 4) {
21.                                 get_element_num = 0;
22.                             }else{
23.                                 get_element_num++;
24.                             }
25.                          
26.                          
27.                     });
28.                 });
29.              
30.              
31.             </script>

Не сработало. Что не так делаю? Пардон, не особо знаю js и это весь мой уровень
--- Добавлено ---

Ой, у меня тут ошибочки. Понял, все, разобрался. Спасибо)

Рабочий вариант:

Код (Text):

1.             <button class="btn btn-primary btn-outline-white px-5 py-3" id="btn-js-result">
2.    
3.             </button>
4.            
5.  
6.  
7.             <a href="#" id = "get_element"> click</a>
8.             <script>
9.                 $(document).ready(function(){
10.              
11.                     let list = ['Выбрать', 'Яблоко', 'Груша', 'Ананас', 'Банан'];
12.                     var get_element_num = 0;
13.                  
14.      
15.                         $("#get_element" ).click(function(){
16.                      
17.                             //alert(list[get_element_num]);
18.                            $("#btn-js-result").text(list[get_element_num]);
19.                          
20.                             if(get_element_num == 4) {
21.                                 get_element_num = 0;
22.                             }else{
23.                                 get_element_num++;
24.                             }
25.                          
26.                          
27.                     });
28.                 });
29.              
30.              
31.             </script>

--- Добавлено ---

Товарищ, подскажите, как в один элемент указать два идентификатора?

Код (Text):

1.  id="btn-js-result" id="get_element"

Так не срабатывает. Больше вопросов по js нет. кроме этого)