gamja-old/components/join.js
2021-03-08 16:23:16 +01:00

45 lines
886 B
JavaScript

import { html, Component } from "../lib/index.js";
export default class Join extends Component {
state = {
channel: "#",
};
constructor(props) {
super(props);
this.handleChange = this.handleChange.bind(this);
this.handleSubmit = this.handleSubmit.bind(this);
}
handleChange(event) {
var target = event.target;
var value = target.type == "checkbox" ? target.checked : target.value;
this.setState({ [target.name]: value });
}
handleSubmit(event) {
event.preventDefault();
var params = {
channel: this.state.channel,
};
this.props.onSubmit(params);
}
render() {
return html`
<form onChange=${this.handleChange} onSubmit=${this.handleSubmit}>
<label>
Channel:<br/>
<input type="text" name="channel" value=${this.state.channel} autofocus required/>
</label>
<br/>
<br/>
<button>Join</button>
</form>
`;
}
}