动态更改表ID

时间:2018-10-31 18:53:49

标签: javascript html

上下文

我在足球联赛桌上工作。我希望它可以自动更新,因此我添加了一些功能,并带有一个用于编辑团队表数据的按钮。这是我的主要功能,根据比赛的输球,获胜或平局决定所写的目标:

TypeId

胜利,失败和丢失功能用于更改表上的团队数据。在这三个函数中的每个函数的末尾,都会调用一个名为Count的函数,以更改表上的偏爱目标,反对目标和目标差异。我没有显示任何代码,因为我知道它们可以工作,这个问题会很长。
以下是与团队数据更新程序相对应的代码,其中包括PlayMatch函数上使用的隐藏错误消息:

Any

最后,这是排行榜:

function PlayMatch()
        {
            /* We get scored and conceded goals */
            var scored = document.getElementById("scored").value;
            var conceded = document.getElementById("conceded").value;
            var error = document.getElementById("error_filling");

            /* We get sure that both fields are filled */
            if ((scored == "") || (conceded == ""))
            {
                /* Show error message */
                if (error.style.display === "none")
                {
                    error.style.display = "block";
                }
                else
                {
                    error.style.display = "block";
                }
            }
            else
            {
                /* Hide error message */
                if (error.style.display === "block")
                {
                    error.style.display = "none";
                }
                else
                {
                    error.style.display = "none";
                }

                /* We compare and decide if the match was a won, a draw or a lost */
                if (scored > conceded)
                {
                    Won();
                }
                else
                {
                    if (scored == conceded)
                    {
                        Draw();
                    }
                    else
                    {
                        if (scored < conceded)
                        {
                            Lost();
                        }
                    }
                }
            }
        }


问题

现在,我计划再增加21个团队,但是如果我为每个团队使用不同的标签,则代码将非常庞大,并且我现在不希望这样做。这是替换以前的团队数据更新程序的代码:

<fieldset>
        <legend>Malaga CF</legend>

        <button onclick="PlayMatch()">Play Match</button>

        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

        <div id="error_filling" style="display:none; color:red; font-family:Impact">Both fields must be filled!</div>

        <br><br>

        Scored goals<input type="text" id="scored" size="2">

        &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;

        Conceded goals<input type="text" id="conceded" size="2">
    </fieldset>

我希望桌子保持不变,每支输掉相同比赛的球队都以相同的赔率“输”。然后,如果我在local_selector下拉列表中选择了例如马拉加CF,则根据比赛结果将其变量更改为“ played_local”,“ wins_local”等,以对其进行编辑,而无需编辑其余团队,然后将其变回“已参赛” ,“获胜”等。
那可能吗?如果需要,我可以提供更多信息。抱歉,如果我忘记翻译代码的某些部分(本来是西班牙语的名字和ID),或者发布了太多信息,但是我想提供尽可能多的上下文信息,因为这些变量会影响代码的许多部分。

0 个答案:

没有答案