JSFiddle - React, Tailwind, and code Playground

by caiocafardo

HTML

<div class="palavra" id="palavra1"></div>
<div class="palavra" id="palavra2"></div>
<div class="palavra" id="palavra3"></div>
<div class="botao" onclick="buscar()">buscar</div>

CSS

.palavra{
    width:200px;
    height:40px;
    background-color:#000000;
    color:#FFFFFF;
    margin-bottom:5px;
}
.botao{
    width:200px;
    height:40px;
    background-color:#f99c81;
    color:#FFFFFF;
    margin-top:15px;
    cursor:pointer;
}

JavaScript

this.buscar =  function(){
    var palavra1 = "rio de janeiro";
    var palavra2 = "sao jose do rio preto";
    var palavra3 = "cabo frio";
    //
    if(palavra1.search("rio")>=0){
        $('#palavra1').html('palavra 1 achou');
    }else{
        $('#palavra1').html('palavra 1 não achou');
    }
    if(palavra2.search("rio")>=0){
        $('#palavra2').html('palavra 2 achou');
    }else{
        $('#palavra2').html('palavra 2 não achou');
    }
    if(palavra3.search("rio")>=0){
        $('#palavra3').html('palavra 3 achou');
    }else{
        $('#palavra3').html('palavra 3 não achou');
    }
}