Thu May 17 2018
Copied to clipboard! Copy reply
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
import { h, Component } from 'preact';
import style from './style';
import SimulatedSRESession from '../../module/Session.js'

export default class Home extends Component {

	constructor( ){
        super();	
        this.session == null;	                 
	}
    startClickHandler = ( event ) => {        
        this.session = new SimulatedSRESession();
        this.session.start();
    }
    stopClickHandler = ( event ) => {
        this.session.stop();
        this.session.didUserSpeak();        
        document.querySelector('#result').textContent = this.session.didUserSpeak();
    }

	render() {
		return (
			<div>
                <p> Did I speak? </p>
                <p id="result"></p>

			<div class={style.bodyContainer}>		
			<div class={style.container}>	

            <button class={style.button}  onClick ={this.startClickHandler } >SPEAK</button>
				<button class={style.button}  onClick={this.stopClickHandler} >Get Result</button>											
			</div>
			</div>
			</div>
		);
	}
}