JSFiddle - React, Tailwind, and code Playground

by eddturtle

HTML

<input 
    type="text"
    onspeechchange="sayThis(this.value)" 
    onwebkitspeechchange="sayThis(this.value)" 
    x-webkit-speech speech />

CSS

input
{
    color: transparent;
    background-color: transparent;
    border: 0;
    width: 15px;
    margin: 40px 36px;

    -webkit-transform: scale(3.0, 3.0);
    -moz-transform: scale(3.0, 3.0);
    -ms-transform: scale(3.0, 3.0);
    transform: scale(3.0, 3.0);
}

JavaScript

function sayThis(speech)
{
    alert("You Said: " + speech);
}