在这段代码中,我如何为游戏(tsc)等于非最终版本时制作另一个脚本;不显示那些游戏吗

How, in this code, do I make another script for when the game (tsc) equals not final that it makes doesn't display those games?

本文关键字:游戏 另一个 版本 那些 显示 于非最 脚本 tsc 代码 段代码      更新时间:2023-09-26
//credit to @Aditya from StackOverflow for helping me edit this code
$(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'];
                    console.log(text); 
                    var str = '';  
                    var textsearch = $('#text').val(); 
                    if(textsearch!=null)
                    {
                        str = '';
                        for (var key in text)
                        { 
                            if(text[key].hasOwnProperty('htv') && text[key].hasOwnProperty('hts'))
                            {
                                if(text[key]['htv'].toLowerCase().indexOf(textsearch.toLowerCase()) != -1)
                                {
                                      console.log(text[key])
                                    str= text[key]['htv']+ " vs "+ text[key]['atv']+ " score : "+ text[key]['hts']+"-"+text[key]['ats']+"'n";
                                }
                                if( text[key]['atv'].toLowerCase().indexOf(textsearch.toLowerCase())!=-1)
                                str += text[key]['atv'] + " vs "+ text[key]['htv'] + " score : "+ text[key]['ats']+"-"+text[key]['hts']+"'n";
                            }
                         }
                        alert(str);
                    }
            }
        });
    });
});

----

在这段代码中,我如何制作另一个脚本,用于当游戏(tsc(等于非最终游戏时,它不显示这些游戏?还有这个HTML:

<!DOCTYPE html>
<html>
<head>
    <link rel='stylesheet' href='style.css'/>
    <script src= "http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script src='sportsscore.js'></script>
</head>
<body>
    <div class="text">
        <input id="text" value="" type="text" />
        <input id="search" value="Submit" onClick="" type="submit" />
            <p>Enter the name of the team you would like to search for.</p>
            <p><b>(ie. Rangers, Ducks, Red Wings, Flyers)</p> </b>
            </div>
    </form>
    <div id="result">
    </div>
</body>
</html>

----

我该如何制作它,以便它将文本粘贴到屏幕上,而不是发出警报(请去掉它(?

@Aditya

您的第一个问题,

在这段代码中,我如何制作另一个脚本,用于当游戏(tsc(等于非最终游戏时,它不显示这些游戏?

我已经调整了你的代码,它只接受"最终"的游戏

for (var key in text)
{ 
    if(text[key].hasOwnProperty('htv') && text[key].hasOwnProperty('hts') && text[key].hasOwnProperty('tsc'))
    {
        // check for final state (tsc), if so, add string sequence
        if (text[key]['tsc'] === 'final') {
            if(text[key]['htv'].toLowerCase().indexOf(textsearch.toLowerCase()) != -1)
            {
                str= text[key]['htv']+ " vs "+ text[key]['atv']+ " score : "+ text[key]['hts']+"-"+text[key]['ats']+"'n";
            }
            if( text[key]['atv'].toLowerCase().indexOf(textsearch.toLowerCase())!=-1)
                str += text[key]['atv'] + " vs "+ text[key]['htv'] + " score : "+ text[key]['ats']+"-"+text[key]['hts']+"'n";
        }
    }
}

关于第二个问题;如果你想在中输入数据

<div id="result">
</div>

元素,您可以替换下一行

 //alert(str);
 // selecting the div
 $('#result').html('<p>' + str + '</p>');

它将把你的文本放在result-div中的一个段落中。

问题3:另一种颜色。

为此,您需要对CSS进行介绍。不幸的是,这篇小帖子无法解释。如果你想学习CSS,你可以使用本教程,它涵盖了CSS样式的大部分方面。在这里,我要让你变得简单一点,只需在上面的代码下面添加下一个。

$('#result').css({'color': '#0040FF'}); // #0040FF = blue

有关颜色代码的更多信息,请参阅此页面,您可以在其中选择所需的颜色并替换上述语句中的#0040FF文本。

这里有一个jsFiddle(更新了,现在有颜色+点击它自己试试(。

相关文章: