Correct Code, Failing the Test

JavaScript
1

Tell us what’s happening:
The last test in the Advanced JavaScript in React Render Method is failing. The code that I am using works in the browser and is also listed in the Hint Solution section. Can anyone tell me why this is failing the test?

Your code so far


const inputStyle = {
width: 235,
margin: 5
}

class MagicEightBall extends React.Component {
constructor(props) {
  super(props);
  this.state = {
    userInput: '',
    randomIndex: ''
  }
  this.ask = this.ask.bind(this);
  this.handleChange = this.handleChange.bind(this);
}

ask() {
  if (this.state.userInput) {
    this.setState({
      randomIndex: Math.floor(Math.random() * 20),
      userInput: ''
    });
  }
}

handleChange(event) {
  this.setState({
    userInput: event.target.value
  });
}

render() {
  const possibleAnswers = [
    'It is certain',
    'It is decidedly so',
    'Without a doubt',
    'Yes, definitely',
    'You may rely on it',
    'As I see it, yes',
    'Outlook good',
    'Yes',
    'Signs point to yes',
    'Reply hazy try again',
    'Ask again later',
    'Better not tell you now',
    'Cannot predict now',
    'Concentrate and ask again',
    'Don\'t count on it',
    'My reply is no',
    'My sources say no',
    'Most likely',
    'Outlook not so good',
    'Very doubtful'
  ];
  const answer = possibleAnswers[this.state.randomIndex] 
  return (
    <div>
      <input
        type="text"
        value={this.state.userInput}
        onChange={this.handleChange}
        style={inputStyle} /> <br />
      <button 
        onClick={this.ask}>
        Ask the Magic Eight Ball!
      </button> <br />
      <h3>Answer:</h3>
      <p>{answer}</p>
    </div>
  );
}
};

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_2) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.4 Safari/605.1.15.

Challenge: Use Advanced JavaScript in React Render Method

Link to the challenge:
https://www.freecodecamp.org/learn/front-end-libraries/react/use-advanced-javascript-in-react-render-method

2

I don’t know what is wrong - it passes for me. Try rebooting, a different browser (I would suggest Chrome).

3

Your code worked for me. What browser are you using? Try using Chrome if you are not already.

4

You were both correct. Using Chrome fixed the issue. Ironically, every other section worked fine in Safari.

5