Как вывести сообщение в консоль?

Question

[Антон]

Можно ли в этом коде, что то улучшить и как вывести в консоль текст "Отправлено", если произошел автоклик по ссылке buttonStat?

<a id='buttonStat'></a>
<script>
document.addEventListener('DOMContentLoaded', function() {
$('#buttonStat').click(function(){
//мой код
});
$("#buttonStat")[0].click();
}, false);
</script>

Смущает, то, что я добавил автоклик, когда можно было бы как то переписать скрипт, убрав ожидание click

Answer 1

[Владимир Проскурин]

document.addEventListener('DOMContentLoaded', function() {
function buttonClickHandler() {
// ваш код
}
$('#buttonStat').click(function(){
   console.warn('настоящий клик');
   buttonClickHandler();
});

console.warn('не настоящий клик');
buttonClickHandler();
}, false);

Comments

[Антон]

после загрузки страницы вижу "не настоящий клик", если затем сам кликаю по ссылке, то вижу "настоящий клик ".
Вопрос - если "не настоящий клик" - мой код выполнился или нет?

[Владимир Проскурин]

Антон, да, выполнился. Вот так выполняется ваш код
buttonClickHandler();
т.е. вызывается функция buttonClickHandler, которая содержит ваш код.

[Антон]

Владимир, в исходном коде страницы это:

spoiler

<script>
document.addEventListener('DOMContentLoaded', function() {
function buttonClickHandler() {
$('#buttonStat').click(function(){
        $.post(
                "https://www.google-analytics.com/collect",
                {
                        v: '1',
                        tid: 'UA-xxxxxxx-1',
                        cid: 'xxxxxxxxxxxxxxxxxxxxx',
                        t: 'transaction',
                        ti: '133280',
                        ta: 'Online Shop',
                        tr: '6790'
                },
        )

$.post(
                'https://www.google-analytics.com/collect',
                {
                        v: '1',
                        tid: 'UA-xxxxxxx-1',
                        cid: 'xxxxxxxxxxxxxxxxxxxxx',
                        t: 'item',
                        ti: '133280',
                        in: 'Название товара',
                        ip: '6790',
                        iv: 'Категория',
                        iq: '1',
                        ic: '35906'
                },
        )
});}
}, false);
$('#buttonStat').click(function(){
console.log('Отправлен в Google заказ №133280 на сумму 6790 рублей')
});
$("#buttonStat")[0].click();
</script>

но в аналитику не попадает. Не знаете почему?
А если сделать так, то отправляется (но нужна ссылку руками тыкать и нет ожидания загрузки страницы)

spoiler

<script>
$('#buttonStat').click(function(){
        $.post(
                "https://www.google-analytics.com/collect",
                {
                        v: '1',
                        tid: 'UA-xxxxxxx-1',
                        cid: 'xxxxxxxxxxxxxxxxxxxxx',
                        t: 'transaction',
                        ti: '133280',
                        ta: 'Online Shop',
                        tr: '6790'
                },
        )

$.post(
                'https://www.google-analytics.com/collect',
                {
                        v: '1',
                        tid: 'UA-xxxxxxx-1',
                        cid: 'xxxxxxxxxxxxxxxxxxxxx',
                        t: 'item',
                        ti: '133280',
                        in: 'Название товара',
                        ip: '6790',
                        iv: 'Категория',
                        iq: '1',
                        ic: '35906'
                },
        )
})
</script>

Answer 2

[Danny Chase]

$('#buttonStat').click(function(){
console.log('Отправлено')
});