Как удалить addEventListener?

dmitry-toster, я не писал что решение верное но так хотя-бы код работает

Как удалить addEventListener?

WapSter, Если ответ верный запустите этот код в любой песочнице и киньте сюда, я признаю что не прав и отмечу ответ решением

Как удалить addEventListener?

WapSter, он написал это

const catalog = document.querySelectorAll('.catalog')

function listener(e){
  // код
}

for(let i = 0; i < catalog.length; i++){
    catalog[i].removeEventListener('click', listener, false);
  }

что это за ответ?

нужно было написать понятно

примерно так

for(let i = 0; i < catalog.length; i++){
		
		catalog[i].removeEventListener('click', listener, false);
		catalog[i].addEventListener('click', listener, false);
	}

скорее всего он и сам не понял как нужно

Как удалить addEventListener?

Tim, еще один вайтишник

Как удалить addEventListener?

Tim, запусти код который написал

Как удалить addEventListener?

Если бы это было в документации я бы сюда не писал.

Как удалить addEventListener?

Смешно, сам видел что написал?

Как удалить addEventListener?

Ярослав Иванов, зачем удалять слушатель?

Что значит это ТЗ для тестового задания?

Нужно кастомизировать bootstrap через scss, и сделать подобие todo листа, данные можешь в localStorage сохранять, или сделай json или объект создай

Как обнулить данные?

В реакт нельзя так классы изменять firstChild.className = "li-btn right"

Как обнулить данные?

Полина Титова,
answers.js

import React, { Component } from 'react';

import './answers.css';

export default class Answers extends Component {

  render() {
    const { allBirdsInStage, onItemClick, userAction, answer } = this.props;
    return (
      <ul className="item-list list-group">
        {allBirdsInStage.map((item, index) => {
          let cls = "";
          if (((index + 1 ) === userAction) && ( userAction === answer)) {
            cls = "right";
          }
          else if (((index + 1 ) === userAction) &&  ( userAction !== answer)){
            cls = "error";
          }
          return (
            <li key={item.id} className={`list-group-item`}
              id={item.id}
              onClick={() => onItemClick(index)}>
              <span className={`li-btn ${cls}`}></span>
              {item.name}
            </li>
          )
        })}
      </ul>
    )
  }
}

App.js

import React, { Component } from 'react';

import Header from './components/header';
import CurrentQuestion from './components/current-question';
import Answers from './components/answers'
import Description from './components/description'
import GameOver from './components/game-over'

import rightSound from '../src/data/win.mp3'
import errorSound from '../src/data/error.mp3'

import birdsData from './data/birds-data'
import './App.css'

class App extends Component {
  state = {
    count: 0,
    score: 0,
    ball: 5,
    answer: null,
    userAction: null,
    currentBird: null,
    allBirdsInStage: birdsData[0],
    bird: birdsData[0][Math.floor(Math.random() * Math.floor(birdsData[0].length))]
  }

  onItemClick = (index) => {
   const num = index + 1

   this.setState({userAction: num})
    if (num === this.state.bird.id) {
      this.setState((state) => ({
        score: state.score + state.ball
      }));
    }

    if (num === this.state.bird.id) {

      // firstChild.className = "li-btn right"

      document.getElementById("right").play()
    } else {


      document.getElementById("error").play()
    }

    if (num !== this.state.bird.id) {
      this.setState(state => {
        return {
          ball: state.ball - 1
        }
      })
    }

    if (this.state.ball < 0) {
     this.setState({ball: 0})
    }

    const currentBird = this.state.allBirdsInStage[this.state.userAction - 1]

    this.setState({ currentBird })
    // console.log('id: ' + this.state.userAction)
    // console.log('answer: ' + this.state.bird.id)
    // console.log('userAction: ' + this.state.userAction)
    // console.log('ball: ' + this.state.ball)
    return currentBird
  }

  onButtonClick = () => {
    const { count, userAction, score } = this.state
    
    if (count < 5 && +userAction === this.state.bird.id) {
      this.setState({
        count: count + 1,
        ball: 5,
        score: score,
        answer: null,
        userAction: null,
        currentBird: null,
        allBirdsInStage: birdsData[count + 1],
        bird: birdsData[count + 1][Math.floor(Math.random() * Math.floor(birdsData[count + 1].length))]
      })
    }

    if (count === 5) {

      this.setState({
        count: 6,
        score: score,
        ball: 5,
        answer: null,
        userAction: null,
        currentBird: null,
        allBirdsInStage: birdsData[0],
        bird: birdsData[0][Math.floor(Math.random() * Math.floor(birdsData[0].length))]
      })
    }
  }

  replay = () => {
    this.setState({
      count: 0,
      score: 0,
      ball: 5,
      answer: null,
      userAction: null,
      currentBird: null,
      allBirdsInStage: birdsData[0],
      bird: birdsData[0][Math.floor(Math.random() * Math.floor(birdsData[0].length))]
    })
  }

  render() {
    const { count, score, userAction, currentBird, allBirdsInStage, bird } = this.state
         console.log(this.state)
    return (
      <div>
        {count === 6 ? <GameOver
          score={score}
          replay={this.replay}
        /> : <Game
            bird={bird}
            count={count}
            score={score}
            userAction={userAction}
            onItemClick={this.onItemClick}
            currentBird={currentBird}
            allBirdsInStage={allBirdsInStage}
            onButtonClick={this.onButtonClick}
          />}
      </div>
    );
  }
}

export default App;

class Game extends Component {
  render() {
    const { count, score, userAction, currentBird, allBirdsInStage, bird, onButtonClick, onItemClick } = this.props
    return (
      <React.Fragment>
        <Header
          count={count}
          score={score}
        />
        <CurrentQuestion
          count={count}
          answer={bird.id}
          userAction={userAction}
          bird={bird}
        />
        <div className="row mb2">
          <div className="col-md-6">
            <Answers
              allBirdsInStage={allBirdsInStage}
              userAction={userAction}
              onItemClick={onItemClick}
              answer={bird.id}
              bird={bird}
            />
          </div>
          <div className="col-md-6">
            <Description
              currentBird={currentBird}
            />
          </div>
          <button className={+userAction === bird.id ? 'btn next-level' : 'btn'}
            onClick={onButtonClick}
          >Next level</button>
          <audio id="right" src={rightSound}/>
          <audio id="error" src={errorSound}/>
        </div>
      </React.Fragment>
    )
  }
}

Как обнулить данные?

Полина Титова, лучше весь, но можно только этот файл

Как обнулить данные?

Полина Титова, можно весь код увидеть? можете сюда кинуть или на codesandbox

Как обнулить данные?

Полина Титова, setState нельзя напрямую изменять
если не можете обойтись без userAction

onItemClick = (item) => {
   const {id, firstChild } = item.target

    if (id === answer) {
      item.target.firstChild.className = "li-btn right"
    }
  this.setState({
     userAction: id
       })
}

Как обнулить данные?

Переход на новый уровень без использования react-router-dom?

вы в курсе что так нельзя менять state?
this.state.userAction = Number(item.target.id)

Как по клику на яндекс карту получить адрес?

0xD34F, у меня все получилось получил адрес по клику, подключил ключ

Как по клику на яндекс карту получить адрес?

0xD34F, чтоб в onClick запустить нужно ymaps как-то передать в функцию onAddItem
ymaps ну не в стэйт же кидать

Как по клику на яндекс карту получить адрес?

0xD34F, сложность в том чтобы работало по клику
вот ссылка code
первая ссылка не мой код, но смысл тот же

Как по клику на яндекс карту получить адрес?

не могу понять как получить yamps чтобы вызвать ymaps.geocode
если так

const geocodes = (ymaps) => {
    ymaps.geocode("Москва").then((res) => console.log(res));
  };
<Map onLoad={ymaps => geocodes(ymaps)}

не работает

Как сделать поле автокомплит с яндекс карты api?

Andrew Ghostuhin, больше вопросов нет, спасибо большое