Почему undefined?

Question

[GaserV]

Почему undefined?

<div class="header-contacts__text" onclick="showPopup()">
	заказать обратный звонок
</div>

$(document).ready(function(){
	
	function showPopup() {

		alert("asd");

	}


})

Uncaught ReferenceError: showPopup is not defined

Answer 1

[Денис Инешин]

Это значит что функция showPopup отсутствует в глобальной области видимости. Может она у вас обернута в document ready?

Чтобы вытащить её наружу вы можете сделать например так:

// вместо этого:
function showPopup () {
    ...
}

// написать так:
window.showPopup = function () {
    ...
};

------------

А еще лучше, в вашем случае, вынести навешивание события в JS, как и положено. Вот так например:

<div class="header-contacts__text js-call">
    заказать обратный звонок
</div>

$(document).ready(function(){

    function showPopup() {
        alert("asd");
    }

    $(document).on('click', '.js-call', showPopup);

});

Answer 2

[Андрей Саныч]

В вашем случае просто не нужно функцию showPopup заключать в $(document).ready
Ваш код будет просто таким:

function showPopup() {
  alert(123)
}