Ion-input and text-to-speech

Using in HTML:

<ion-button (click)=“speakMe()”>SPEAK

Using in .ts file:

speakOutput() {
var myinput = document.getElementById(“myinput”).innerHTML;
this.tts.speak(myinput).then(() => console.log(‘Success’)).catch((reason: any) => console.log(reason));

when I click the speak button a weird - definitely not what it should be saying - output is given, i’m not entirely sure how to reference the id of the input to be used. Any insight is greatly appreciated!

resolved: had to use the ngmodel to reference to the text i wanted to be spoken!