JSFiddle - React, Tailwind, and code Playground

by Luis Felipe Morais

HTML

<textarea name="area" id="area" cols="30" rows="10"></textarea>
<div id="dicas"></div>

JavaScript

//seta as variaveis fora de qualquer loop ou chamada recursiva, ja que o valor delas nao depende desses comportamentos.
var area = document.getElementById('area');
var dicas = document.getElementById('dicas');
//atribui evento de keyup, afinal so queremos checar caso o usuário altere o valor.
area.onkeyup = function() {
    //indexOf para verificar se o valor inserido comeca com a palavra "function"
    //retira o texto caso nao comece com "function"
    dicas.innerHTML = (area.value.indexOf("function") === 0) ? "Está a começar uma função " : "";
};