0

Есть код, мне нужно что бы все это дело работало неограниченное количество раз. Я в принципе могу влаживать функцию в функцию к примеру раз 10,ну это понятное дело что бред. Нужно что бы работало столько раз сколько я пожелаю нажать. Поможет кто с такой детской задачей?

   let div = document.querySelector('.div-1');
    div.ondblclick = function f1(){
      div.classList.add('active');
      
      div.ondblclick = function f1(){
        div.classList.remove('active');  
      } 
    }
3
  • 1
    А вам не проще будет использовать div.classList.toggle('active')? 29 ноя 2020 в 18:02
  • мне нужно что бы класс добавлялся и при повторном клике удалялся, неограниченное количество раз 29 ноя 2020 в 18:06
  • 1
    Так эта функция и должна «переключать» класс: если он есть, удалять, если нет — добавлять. 29 ноя 2020 в 18:10

1 ответ 1

3

Попробуйте варианты:

let div = document.querySelector('.div-1');

div.ondblclick = function f1(){
  div.classList.toggle('active');
}
let div = document.querySelector('.div-1');

div.ondblclick = function f1(){
  if (div.classList.contains('active')) div.classList.remove('active');
  else div.classList.add('active');
}
2
  • все два варианта рабочие. только второй мне не понятен на данном уровне. воспользуюсь первым.спасибо 29 ноя 2020 в 18:13
  • 1
    Когда вы щелкаете на элементе, функция проверяет, есть ли уже нужный класс в списке классов: if (div.classList.contains('active')). Если есть, удаляет, если нет, добавляет. Поэтому сколько бы вы ни щелкали, она поочерёдно делает то одно, то другое. В первом варианте происходит то же самое, только «под капотом». 29 ноя 2020 в 18:16

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.