class createAcc extends Component {
  getInitialState() {
    return {
      username: "",
      email: "",
      password: "",
    }
  }
  handleUsername(e) {
    this.setState({username: e.target.value});
  }

  handleEmail(e) {
    this.setState({email: e.target.value});
  }

  handlePassword(e) {
    this.setState({password: e.target.value});
  }
  render() {
    return (
      <div className='acc'>
        <div className="login">
            <h1>welcome to cchange</h1>
            <form id="accCreateForm" action="Javascript=submit()">
                <h3>username</h3>
                <input type="text" id="nameBox" name = "username" placeholder="username" value={this.state.username} onChange={this.handleUsername}/>
                <h3>email</h3>
                <input type="text" id="emailBox" name = "email" placeholder="email" value={this.state.email} onChange={this.handleEmail}/>
                <h3>password</h3>
                <input type="password" id="passBox" name = "password" placeholder="password" value={this.state.password} onChange={this.handlePassword}/>
                <br/>
                <input type="submit" id="btnCreateAcc" value="submit" onClick={this.handleLogin}/>
            </form>
          </div>
          <div className="info">
          <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, <br/><br/>sed do eiusmod tempor incididunt ut <br/>
          labore et dolore magna aliqua. Ut enim ad minim veniam, <br/><br/>quis nostrud exercitation ullamco laboris nisi<br/><br/>
          ut aliquip ex ea commodo consequat. Duis aute irure dolor in <br/><br/>reprehenderit in voluptate velit esse cillum <br/><br/>
          dolore eu fugiat nulla pariatur. <br/>
          Excepteur sint occaecat cupidatat non proident, sunt in culpa qui <br/><br/>officia deserunt mollit anim id est laborum
          </p>
        </div>

      </div>
    );
  }
  handleLogin() {
    console.log("username email and password");
    console.log(this.state.username + " " + this.state.email + " " + this.state.password);
  }
}