Почечу javascript такой странный?

Question

[Тарас Паращук]

Здравствуйте.
Мне нужно на сайте подождать пока появится форма, которая создается внешним скриптом.
И потом подвязать к кнопке событие "click".
Все кнопки ищутся спомощью этого выражения:

buttons = window.document.getElementsByClassName("b24-form-btn");

Если я запускаю скрипт, он не находит кнопи даже если они загрузились.
Вот эта строчка

console.log("buttons.lenght " + Number(buttons.lenght));

выводит

"buttons.lenght " NAN

А если вручную набрать buttons.lenght и нажать Enter, то выводит 4.
Набираю в консоли

typeof buttons.lenght

- выводит Number.
Уже пробовал все варианты сравнения, приведения типов , ничего не работает.

<script>
var bitrixexists = false;
var button = 0;

function myThankyhou() {
    window.location.replace("http://localhost/binokl/thankyou");			
}

function checkbitrix(){
buttons = document.getElementsByClassName("b24-form-btn");
console.log("buttons.lenght " + Number(buttons.lenght));
if  (Number(buttons.lenght) === Number(4)) {
	button = buttons[0];
	button.addEventListener("click", myThankyou);
        clearInterval(id);
        alert("i got it");
			
  }  else 
         {console.log("bitrix not found");   }
}

let id = setInterval(checkbitrix, 10000);
</script>

Comments

[x_dmitry_x]

lenght

[dEN__5]

также можете добавить реагирование на событие полной загрузки страницы

document.addEventListener('DOMContentLoaded', function() {
// твой код
})

[Тарас Паращук]

x_dmitry_x, Спасибо, опечатку увидел. До сих пор немогу запомнить как это слово выговорить.
Теперь новая проблема.
Кнопки находит, печатает количество, и говорит, что

buttons.length == 4

это истинное true. А условие не выполняется. .... Как ???!!!

console.log("buttons.length " + Number(buttons.length));
console.log(buttons.length == 4);
if (buttons.length == 4) { // do something important } // не выполнится !

[Tim]

никого не смутило этот участок кода? каждую 10 сек он вешает обработчик на 1 и тот же элемент

button = buttons[0];
  button.addEventListener("click", myThankyou);

[WbICHA]

Number(buttons.lenght) === Number(4)

А этот участок тоже никого не смутил? Каждый раз приводить число к числу.

Answer 1

[defriz]

buttons.length

<script>
var bitrixexists = false;
var button = 0;

function myThankyhou() {
    window.location.replace("http://localhost/binokl/thankyou");			
}

function checkbitrix(){
buttons = document.getElementsByClassName("b24-form-btn");
console.log("buttons.length " + Number(buttons.length));
if  (Number(buttons.length) === Number(4)) {
  button = buttons[0];
  button.addEventListener("click", myThankyou);
        clearInterval(id);
        alert("i got it");
      
  }  else 
         {console.log("bitrix not found");   }
}

let id = setInterval(checkbitrix, 10000);
</script>

Comments

[Тарас Паращук]

Спасибо, опечатку увидел. До сих пор немогу запомнить как это слово выговорить.
Теперь новая проблема.
Кнопки находит, печатает количество, и говорит, что

buttons.length == 4

это истинное true. А условие не выполняется. .... Как ???!!!

console.log("buttons.length " + Number(buttons.length));
console.log(buttons.length == 4);
if (buttons.length == 4) { // do something important } // не выполнится !

А если вручную набрать, то выполнится !

[defriz]

Тарас Паращук, честно, не знаю в чем проблема

[Тарас Паращук]

Спасибо я уже нашел ошибку: function myThankyhou() {
О чем я думаю в конце концов !