My code isnt passing the last test

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) {
   this.state = {
     input: ''
   this.handleChange = this.handleChange.bind(this);
 handleChange(event) {
   this.setState({ input: })
 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 (
       <h3>Don't Type Too Much:</h3>
         onChange={this.handleChange} />

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:


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!