My code isnt passing the last test

JavaScript
1

Tell us what’s happening:
The code looks fine but its not passing the last test of the challenge

Your code so far


class GateKeeper extends React.Component {
 constructor(props) {
   super(props);
   this.state = {
     input: ''
   };
   this.handleChange = this.handleChange.bind(this);
 }
 handleChange(event) {
   this.setState({ input: event.target.value })
 }
 render() {
   let inputStyle = {
     border: '1px solid black'
   };
   // change code below this line
if (this.state.input.length > 15 ) {
  return inputStyle =  {
    border: "3px solid red"
  }
}
   // change code above this line
   return (
     <div>
       <h3>Don't Type Too Much:</h3>
       <input
         type="text"
         style={inputStyle}
         value={this.state.input}
         onChange={this.handleChange} />
     </div>
   );
 }
};

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.129 Safari/537.36.

Challenge: Change Inline CSS Conditionally Based on Component State

Link to the challenge:

2

Hey,

inputStyle is a variable that is defined outside of the if statement, to change a variables value, you don’t need to return it.

hope this helps!