Почему моя вторая инструкция if выполняется 2 раза подряд после того, как первая инструкция if истинна?

Привет, ребята, у меня проблема с функцией checkRight (). Я попытался создать веб-страницу викторины с помощью js. Вот мой полный код: https://www.codeply.com/go/qoCnPUDDxG Мои вопросы состоят из класса с атрибутами: вопрос (строка), ответы (массив строк) и ответ (строка). Если я нажму на правильные ответы, мои счетчики сильно запутаются.

function checkRight (){
  $(".answer").click(function() {
       check = $(this).html();
       if (check===qAry[i].rightAnswer){
         rightCounter++;
         $(".richtigZaehler").text(rightCounter);
         i++;
         askQ();
       }
         else if (check!=qAry[i].rightAnswer){
         console.info("Update");
         wrongCounter++;
         $(".falschZaehler").text(wrongCounter);
      }
  });
}

Ваш код должен быть опубликован здесь, по крайней мере, достаточно, чтобы показать контекст проблемы, с которой вы столкнулись. В любом случае проблема в том, что .click() добавляет новый обработчик событий каждый раз, когда он вызывается, без удаления каких-либо уже существующих обработчиков. Таким образом, каждый раз, когда вызывается checkRight(), добавляется еще один избыточный обработчик «щелчка», и каждый из них будет вызываться при «щелчке».

— 30.12.2018 14:52

Большое Вам спасибо. Я понял.

— 30.12.2018 15:11

javascript jquery if-statement onclick click

30.12.2018 14:49

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 1

Как насчет добавления обработчика кликов снаружи? В противном случае вам нужно будет отменить их регистрацию.

var rightCounter=0; //counter for rightAnswer
var wrongCounter=0; //counter for wronganswer

$(".answer").on("click", function() {
 checkRight(this);   
})

Затем в вашей функции checkRight:

function checkRight (evt){
       check = $(evt).html();
       if (check===qAry[i].rightAnswer){
           debugger;
         rightCounter++;
         $(".richtigZaehler").text(rightCounter);
         i++;
         askQ();
       }
         else if (check!=qAry[i].rightAnswer){
         console.info("Update");
         wrongCounter++;
         $(".falschZaehler").text(wrongCounter);
      }
}

30.12.2018 15:08

Другие вопросы по теме

Лучший способ сфокусировать элемент любого вида

Почему в начале слайдера jquery отображается пустое изображение

Видимая вкладка, если она невидима

Как я могу использовать функцию «добавить строки» в свои таблицы данных?

Jquery .each не работает для первой строки из таблицы

Почему эта программа не работает, когда я добавляю функцию отправки внутри функции добавления?

Ajax и Laravel - невозможно заполнить базу текстового поля при выборе динамического раскрывающегося списка

Дата выезда из календаря jQuery +2

Анализ значений JSON с помощью jQuery устраняет 1-е значение

Ползунок застрял на первом слайде

Почему моя вторая инструкция if выполняется 2 раза подряд после того, как первая инструкция if истинна?

Ответы 1

Другие вопросы по теме

Похожие вопросы