Пользователь пока ничего не рассказал о себе

Наибольший вклад в теги

Все теги (12)

Лучшие ответы пользователя

Все ответы (11)
  • Как в swiper сделать autoplay в обратную сторону?

    @wakenby
    const swiper = new Swiper('.swiper-container', {
      autoplay: {
        delay: 1200,
        reverseDirection: true
      }
    })
    Ответ написан
    Комментировать
  • Нужно ли использовать -moz-border-radius и -webkit-border-radius?

    @wakenby
    Вообще никакие префиксы поставщиков указывать вручную ну нужно, есть autoprefixer которые сам выставляет что нужно, в зависимости от настроек browserslist

    P.S: https://caniuse.com/ - а тут можно посмотреть поддержку css свойств в разных браузерах
    Ответ написан
    3 комментария
  • JavaScript. Как записать данную валидацию красиво?

    @wakenby
    function testBtn(event) {
      if (event.target.id !== 'btn') return
    
      let answer = prompt('Число?')
    
      if (answer === null) return
      if (answer.trim() === '') return alert('Вы ничего не ввели')
      if (!isNumeric(answer)) return alert('Введите число')
    
      answer = Number(answer)
    
      if (answer < 1) console.log(`Меньше единицы: ${answer}`)
      else if (answer > 0) console.log(`Больше нуля: ${answer}`)
    
      function isNumeric (n) {
        return !isNaN(parseFloat(n)) && isFinite(n)
      }
    }
    Ответ написан
    Комментировать
  • Как в js применить несколько действий к одному заданному стилю?

    @wakenby
    Нельзя таким способом обработать все чекбоксы, document.querySelector - находит самый первый dom элемент.

    При клике на кнопку или при отправке формы, находите все чекбоксы и уже работайте с ними, а найти их можно с помощью document.querySelectorAll

    Вот пример реализации:

    const form = document.querySelector('#form')
    form.addEventListener('submit', onSubmit)
    
    function onSubmit (event) {
      event.preventDefault()
    
      let listCheckbox = document.querySelectorAll('.i-6')
      listCheckbox = [...listCheckbox]
    
      // Проверяем выбран ли хотябы один ответ
      if (!listCheckbox.filter(checkbox => checkbox.checked)) {
        return console.log('Вы не выбрали ни одного ответа')
      }
    
      // Узнаем сколько всего правильных ответов
      const rightAnswersCount = listCheckbox.filter(checkbox => Number(checkbox.value) === 1).length
    
      // Узнаем сколько всего не правильных ответов
      const wrongAnswerCount = listCheckbox.length - rightAnswersCount
    
      // Узнаем количество правильных ответов
      const rightAnswers = listCheckbox.filter(checkbox => Number(checkbox.value) === 1 && checkbox.checked).length
    
      // Узнаем количество не правильных ответов
      const wrongAnswer = listCheckbox.filter(checkbox => Number(checkbox.value) === 0 && checkbox.checked).length
    
      // Уведомляем пользователя
      console.log(`Вы ответили правильно на ${rightAnswers} из ${rightAnswersCount}`)
      console.log(`Вы ответили не правильно на ${wrongAnswer} из ${wrongAnswerCount}`)
    }
    Ответ написан
  • Как создать кнопку "Обзор" с выбором файла на сайте?

    @wakenby
    1) Верстаете кнопку
    2) Верстаете красивенький popup
    3) Вешаете событие на кнопку, чтобы он открывал данный popup
    4) При открывании poup получать все файлы с сервера через ajax и выводить их в этот-же popup(Превью, текст)
    4) Или при построении страницы заполнять popup
    5) При клике на файл, через js скачивать его
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (38)