Вывод в консоль JavaScript onclick почему пропадает?

Question

Кнопка <li><a onclick="display(1)" href="">Show 1</a></li>    

<script type="text/javascript">
        var msg = document.getElementById("homework-message");
        var s= 1;
        function display (val){

            s = val;
            console.log(s);

        }

    </script>

Почему сообщение стирается из консоли после нажатия, как сделать, чтобы оно оставалось? Как сделать это без JQuery?

Answer 1

У Вас перегружается страница при клике по ссылке c href="".

var s = 1;

function display(event, val) {
  event.preventDefault();
  s = val;
  console.log(s);
}

<li><a onclick="display(event, 1)" href="">Show 1</a></li>

Answer 2

Просто вставь якорь # в href и не будет перегружатся

    var msg = document.getElementById("homework-message");
    var s= 1;
    function display (val){
        s = val;
        console.log(s);
    }

<li><a onclick=display(1) href="#">Show 1</a></li>

БЛОГ НА HUSL

Вывод в консоль JavaScript onclick почему пропадает?

Ответы (2 шт):