JSFiddle - React, Tailwind, and code Playground

by draditya91

HTML

<input id="text" value="" type="text" placeholder="Enter name of a team/city to get score" />
<input id="search" value="Submit" onClick="" type="submit" />

JavaScript

/////
$(document).ready(function() {

$('#search').on('click', function(){
$.ajax({
            dataType: 'jsonp', //data in jsonp
            contentType: "application/json; charset=utf-8",
            url: 'http://live.nhle.com/GameData/RegularSeasonScoreboardv3.jsonp',
            jsonpCallback: 'loadScoreboard', 
            success: function (data) {
                
              var text = data['games'] ; 
var str = '';  
var textsearch = $('#text').val(); 

if(textsearch!=null)
{
    str = '';
    for (var key in text)
    { 
        if(text[key].hasOwnProperty('htn') && text[key].hasOwnProperty('hts'))
        {
            if(text[key]['htn'].toLowerCase().indexOf(textsearch.toLowerCase()) != -1)
            {
                  console.log(text[key])
                str= text[key]['htn']+ " vs "+ text[key]['atn']+ " score : "+ text[key]['hts']+"-"+text[key]['ats']+"\n";
            }
            if( text[key]['atn'].toLowerCase().indexOf(textsearch.toLowerCase())!=-1)
            str += text[key]['atn'] + " vs "+ text[key]['htn']+ " score : "+ text[key]['ats']+"-"+text[key]['hts']+"\n";
        }
     }
    alert(str);
}


        }
    });
    
});
    
});