• 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>
		);
	}
}