Size: a a a

JavaScript — русскоговорящее сообщество

2020 October 14

ب

بلال ابن اجاد... in JavaScript — русскоговорящее сообщество
{text: 'Kuun', correct: false},
           {text: 'Monteimage', correct: false}

       ]
   },
   {
       question:'What is the capital of China?',
       answers:[
           {text: 'Tianjin', correct: false},
           {text: 'Beijing', correct: true},
           {text: 'Shanghai', correct: false},
           {text: 'Chongqing', correct: false}

       ]
   },
   {
       question:'What is the population of Ukraine?',
       answers:[
           {text: '25 million', correct: false},
           {text: '42 million', correct: true},
           {text: '10 million', correct: false},
           {text: '78 million', correct: false}

       ]
   },
   {
       question:'What is the population of Austria?',
       answers:[
           {text: '21 million', correct: false},
           {text: '5 million', correct: false},
           {text: '9 million', correct: true},
           {text: '94 million', correct: false}

       ]
   },

   {
       question:'What is the capital of El Salvador?',
       answers:[
           {text: 'El Salvador', correct: false},
           {text: 'San Salvador', correct: true},
           {text: 'Die Salvador', correct: false},
           {text: 'The Salvador', correct: false}

       ]
   },
   {
       question:'Ouagadougou is a capital of...',
       answers:[
           {text: 'Burkina Faso', correct: true},
           {text: 'Zimbabwe', correct: false},
           {text: 'Trinidad and Tobago', correct: false},
           {text: 'Bosnia and Herzegovina', correct: false}

       ]
   },
   {
       question:'Nur-Sultan is a capital of...',
       answers:[
           {text: 'Kyrgizstan', correct: false},
           {text: 'Kazakhstan', correct: true},
           {text: 'Trinidad and Tobago', correct: false},
           {text: 'Yemen', correct: false}

       ]
   },
   {
       question:'Minsk is a capital of...',
       answers:[
           {text: 'Kyrgizstan', correct: false},
           {text: 'Kazakhstan', correct: false},
           {text: 'Belarus', correct: true},
           {text: 'Azerbaijan', correct: false}

       ]
   },
   {
       question:'Taj Mahal is located in...',
       answers:[
           {text: 'India', correct: true},
           {text: 'Kazakhstan', correct: false},
           {text: 'USA', correct: false},
           {text: 'Russia', correct: false}

       ]
   }
   ]

   // Random order of questions
   let shuffledQuestions = questions.sort(() => Math.random()-0.5);
   let questionNumber = 0;
   
   const showQuestion = () => {
       if (questionNumber >= 15){
           clearInterval(qtimer);
           submit.style.pointerEvents = 'none';
           submit.style.background = '#1f7a1f';
           submit.style.color = "#eee";
           Swal.fire({
             icon: 'success',
             title: "Quiz Completed!",
             text: You scored ${correct} out of 15.\nReload the page to play again. You will see some new questions as they are random!,
             showCancelButton: false,
             showConfirmButton: false
           })
           /*
           .then((result) => {
             if (result.value) {
               startGame();
             }
           })  
           */
           // restatring causes some weird problems  
       } else {
       qtimer = setInterval(countdown, 1000);
       breadth = 100;
       countdown();
       answers_holder.innerHTML = null;
       document.querySelector(".qtext").innerText = questions[questionNumber].question;
       questions[questionNumber].answers.forEach((element, index) => {
           let button = document.createElement("button");
           button.innerText = questions[questionNumber].answers[index].text;
           button.classList.add("answer");
           if (questions[questionNumber].answers[index].correct) {
               button.classList.add("correct");
источник

ب

بلال ابن اجاد... in JavaScript — русскоговорящее сообщество
Это мой пример создания quiz game
источник

ب

بلال ابن اجاد... in JavaScript — русскоговорящее сообщество
Смотри у меня просто вместо чекбокс сделано button
источник

PP

Pasha Pavlenko in JavaScript — русскоговорящее сообщество
بلال ابن اجاد
Это мой пример создания quiz game
апупеть), спасибо, попробую разобраться)
источник

PP

Pasha Pavlenko in JavaScript — русскоговорящее сообщество
بلال ابن اجاد
Смотри у меня просто вместо чекбокс сделано button
так не будет мне кажется работать
источник

ب

بلال ابن اجاد... in JavaScript — русскоговорящее сообщество
И я забыл надо вопросы и ответы впихнуть в массив с константом
источник

ب

بلال ابن اجاد... in JavaScript — русскоговорящее сообщество
источник

ب

بلال ابن اجاد... in JavaScript — русскоговорящее сообщество
Прекрасно работает с добавкой css и html
источник

PP

Pasha Pavlenko in JavaScript — русскоговорящее сообщество
بلال ابن اجاد
И я забыл надо вопросы и ответы впихнуть в массив с константом
а зачем в массив мне кажется и так работать будет
источник

ب

بلال ابن اجاد... in JavaScript — русскоговорящее сообщество
Pasha Pavlenko
а зачем в массив мне кажется и так работать будет
С массивом управлять легко а то у тебя место вопросов и ответов поменяется
источник

ب

بلال ابن اجاد... in JavaScript — русскоговорящее сообщество
Pasha Pavlenko
а зачем в массив мне кажется и так работать будет
Чтобы рандомный индекс определял какому вопросу принадлежит этот ответ
источник

ب

بلال ابن اجاد... in JavaScript — русскоговорящее сообщество
بلال ابن اجاد
}
           
           answers_holder.appendChild(button);
           let allanswers = document.querySelectorAll(".answer");


           allanswers.forEach((element, index) => {
               element.addEventListener("click", () => {
               
               allanswers.forEach((element, index) => {
                   element.classList.remove("checked");
               })
               element.classList.add("checked");
               })
           });
               
               
       });
   }
}
   showQuestion();
}
Вот этот последний слой был чтобы понять поменяй
источник

ب

بلال ابن اجاد... in JavaScript — русскоговорящее сообщество
Все остальное норм
источник

И

Игорь in JavaScript — русскоговорящее сообщество
Всем привет!
Подскажите, есть ли инструмент который может из минифицированного бандла убрать пулярные библиотеки типа jquery и т.п.?

Захотелось покопаться в чужом минифицированном коде, но там все через сборщик собиралось в 1 большой файл. Сорсмапов, естественно нет))

Я так прикинул, в теории должен быть инструмент который может лишнее отделить (или удалить или дописать сорсмапу для кода  библиотек, которые известны). Но если такого нет, то интересный проект получился бы для гитхаба😁
источник

ب

بلال ابن اجاد... in JavaScript — русскоговорящее сообщество
Pasha Pavlenko
а зачем в массив мне кажется и так работать будет
Ты плюнь на тех умников которые сказали что лейбл нужный в сss легко справится если каждому Даш уникальный класс нейм . И в Dom можно каждого по одному сделать getElementById , getElementByTagsName
Или
getElementByClassName
источник

PP

Pasha Pavlenko in JavaScript — русскоговорящее сообщество
بلال ابن اجاد
Ты плюнь на тех умников которые сказали что лейбл нужный в сss легко справится если каждому Даш уникальный класс нейм . И в Dom можно каждого по одному сделать getElementById , getElementByTagsName
Или
getElementByClassName
скажет так, у тебя большой код, у меня не много по меньше, только не этот, по нему делаю, всё что я сейчас делаю, просто набиваю массив ответами и вопросами
источник

ب

بلال ابن اجاد... in JavaScript — русскоговорящее сообщество
بلال ابن اجاد
Ты плюнь на тех умников которые сказали что лейбл нужный в сss легко справится если каждому Даш уникальный класс нейм . И в Dom можно каждого по одному сделать getElementById , getElementByTagsName
Или
getElementByClassName
Одним словом тег <br/>  имба
источник

a

allpeg in JavaScript — русскоговорящее сообщество
Игорь
Всем привет!
Подскажите, есть ли инструмент который может из минифицированного бандла убрать пулярные библиотеки типа jquery и т.п.?

Захотелось покопаться в чужом минифицированном коде, но там все через сборщик собиралось в 1 большой файл. Сорсмапов, естественно нет))

Я так прикинул, в теории должен быть инструмент который может лишнее отделить (или удалить или дописать сорсмапу для кода  библиотек, которые известны). Но если такого нет, то интересный проект получился бы для гитхаба😁
не, нету. Но если там либа джейквери вшита, она ж экспортирует ток одну переменную - вырезай кусоком и заменяй на глобальную $ и jQuery и будет тебе щастье
источник

a

allpeg in JavaScript — русскоговорящее сообщество
главное чтобы не были переименованы методы самого жиквери - тогда всё грустно
источник

D

DORIAN GRAY in JavaScript — русскоговорящее сообщество
Подскажите, почему не меняется отступ слева? мне нужно координаты result_count поменять
источник