Javascript按钮连接
我试图使它成为如果你点击按钮，那么bestPlayer.available变为false，picked=true。屏幕上会显示姓名，但一旦你点击按钮选择最上面的一个，它就会消失，一个新的名字就会出现在名单中（名单上有七名玩家）。这是我试过的代码。请帮忙Javascript按钮连接,javascript,html,arrays,var,Javascript,Html,Arrays,Var,我试图使它成为如果你点击按钮，那么bestPlayer.available变为false，picked=true。屏幕上会显示姓名，但一旦你点击按钮选择最上面的一个，它就会消失，一个新的名字就会出现在名单中（名单上有七名玩家）。这是我试过的代码。请帮忙 <!DOCTYPE html> <html> <head> <title>The Draft</title> <link rel="styl
<!DOCTYPE html>
<html>
<head>
<title>The Draft</title>
<link rel="stylesheet" type="text/css" href="Draft Stylesheet.css"/>
</head>
<body>
<div>
<table id="players">
<thead>
<tr>
<th id="rtgH">RTG</th>
<th id="nameH">Player Name</th>
<th id="ovrH">OVR</th>
<th id="posH">POS</th>
<th id="choose">Draft</th>
</tr>
<tbody>
<tr>
<td>1</td>
<td id="p1">Player</td>
<td id="p1ovr">99</td>
<td id="p1pos">PO</td>
<td> <input type="button" onclick="bestPlayer.available = false; picked=true;" value = "draft"> </td>
</tr>
<tr>
<td>2</td>
<td id="p2">Player</td>
<td id="p2ovr">99</td>
<td id="p2pos">PO</td>
</tr>
<tr>
<td>3</td>
<td id="p3">Player</td>
<td id="p3ovr">99</td>
<td id="p3pos">PO</td>
</tr>
<tr>
<td>4</td>
<td id="p4">Player</td>
<td id="p4ovr">99</td>
<td id="p4pos">PO</td>
</tr>
<tr>
<td>5</td>
<td id="p5">Player</td>
<td id="p5ovr">99</td>
<td id="p5pos">PO</td>
</tr>
<tr>
<td>6</td>
<td id="p6">Player</td>
<td id="p6ovr">99</td>
<td id="p6pos">PO</td>
</tr>
<tr>
<td>7</td>
<td id="p7">Player</td>
<td id="p7ovr">99</td>
<td id="p7pos">PO</td>
</tr>
</tbody>
</thead>
</table>
</div>
<script>
var picked = false;
var round = 1;
var pick = 1;
var first = true;
function comp(b, a) {
return a.overall - b.overall;
}
var players = [{
name: "Pat Moran",
overall: 67,
position: "AP",
available: true
}, {
name: "Peter Webb",
overall: 81,
position: "AP",
available: true
}, {
name: "Ramiro Ramirez",
overall: 74,
position: "AP",
available: true
}, {
name: "Manuel Knight",
overall: 68,
position: "RP",
available: true
}, {
name: "Allan Alexander",
overall: 71,
position: "RP",
available: true
}, {
name: "Gerald Bowman",
overall: 81,
position: "RP",
available: false
}, {
name: "Owen Day",
overall: 78,
position: 3,
available: true
}, {
name: "Jean Ford",
overall: 70,
position: 3,
available: false
}, {
name: "Guy Curtis",
overall: 59,
position: 3,
available: true
}, {
name: "Dallas Diaz",
overall: 68,
position: 4,
available: false
}, {
name: "Jesus Brooks",
overall: 70,
position: 4,
available: true
}, {
name: "Todd Beck",
overall: 76,
position: 4,
available: false
}, {
name: "Steve Cortez",
overall: 66,
position: 5,
available: true
}, {
name: "Toby Caldwell",
overall: 64,
position: 5,
available: false
}, {
name: "Seth Bradley",
overall: 73,
position: 5,
available: true
}, {
name: "Lawrence McCarthy",
overall: 67,
position: 6,
available: false
}, {
name: "Gerardo Marsh",
overall: 77,
position: 6,
available: true
}, {
name: "Alvin Nash",
overall: 78,
position: 6,
available: false
}];
function checkAvailabilty(obj) {
return !!obj.available;
}
var findBestPlayer = (function(arr) {
// a copy of the original data is made.
var data = arr.slice(0);
// sort the data with a comparator function
data.sort(comp);
// filter out the unavailable players.
data = data.filter(checkAvailabilty);
return function(index) {
return data[index];
}
})(players);
if(picked === true || first === true) {
bestPlayer = findBestPlayer(0);
bestPlayerTwo = findBestPlayer(1);
bestPlayerThree = findBestPlayer(2);
bestPlayerFour = findBestPlayer(3);
bestPlayerFive = findBestPlayer(4);
bestPlayerSix = findBestPlayer(5);
bestPlayerSeven = findBestPlayer(6);
first = false;
picked = false;
}
document.getElementById("p1").innerHTML = bestPlayer.name;
document.getElementById("p1ovr").innerHTML = bestPlayer.overall;
document.getElementById("p1pos").innerHTML = bestPlayer.position;
document.getElementById("p2").innerHTML = bestPlayerTwo.name;
document.getElementById("p2ovr").innerHTML = bestPlayerTwo.overall;
document.getElementById("p2pos").innerHTML = bestPlayerTwo.position;
document.getElementById("p3").innerHTML = bestPlayerThree.name;
document.getElementById("p3ovr").innerHTML = bestPlayerThree.overall;
document.getElementById("p3pos").innerHTML = bestPlayerThree.position;
document.getElementById("p4").innerHTML = bestPlayerFour.name;
document.getElementById("p4ovr").innerHTML = bestPlayerFour.overall;
document.getElementById("p4pos").innerHTML = bestPlayerFour.position;
document.getElementById("p5").innerHTML = bestPlayerFive.name;
document.getElementById("p5ovr").innerHTML = bestPlayerFive.overall;
document.getElementById("p5pos").innerHTML = bestPlayerFive.position;
document.getElementById("p6").innerHTML = bestPlayerSix.name;
document.getElementById("p6ovr").innerHTML = bestPlayerSix.overall;
document.getElementById("p6pos").innerHTML = bestPlayerSix.position;
document.getElementById("p7").innerHTML = bestPlayerSeven.name;
document.getElementById("p7ovr").innerHTML = bestPlayerSeven.overall;
document.getElementById("p7pos").innerHTML = bestPlayerSeven.position;
</script>
</body>
</html>
草案
RTG
球员姓名
OVR
销售时点情报系统
草稿
1.
玩家
99
人事军官
2.
玩家
99
人事军官
3.
玩家
99
人事军官
4.
玩家
99
人事军官
5.
玩家
99
人事军官
6.
玩家
99
人事军官
7.
玩家
99
人事军官
var=false；
var轮=1；
var-pick=1；
var first=真；
功能组件（b，a）{
返回a.总体-b.总体；
}
var玩家=[{
姓名：“帕特·莫兰”，
总数：67，
位置：“AP”，
可用：真
}, {
姓名：“彼得·韦伯”，
总数：81，
位置：“AP”，
可用：真
}, {
姓名：“Ramiro Ramirez”，
总数：74，
位置：“AP”，
可用：真
}, {
名称：“曼努埃尔骑士”，
总数：68，
职位：“RP”，
可用：真
}, {
姓名：“艾伦·亚历山大”，
总数：71，
职位：“RP”，
可用：真
}, {
姓名：“杰拉尔德·鲍曼”，
总数：81，
职位：“RP”，
可用：false
}, {
姓名：“欧文日”，
总数：78，
职位：3，
可用：真
}, {
姓名：“Jean Ford”，
总数：70，
职位：3，
可用：false
}, {
姓名：“盖伊·柯蒂斯”，
总数：59，
职位：3，
可用：真
}, {
姓名：“达拉斯迪亚兹”，
总数：68，
职位：4，
可用：false
}, {
名字：“耶稣布鲁克斯”，
总数：70，
职位：4，
可用：真
}, {
姓名：“托德·贝克”，
总数：76，
职位：4，
可用：false
}, {
姓名：“史蒂夫·科尔特斯”，
总数：66，
职位：5，
可用：真
}, {
姓名：“托比·考德威尔”，
总数：64，
职位：5，
可用：false
}, {
姓名：“塞思·布拉德利”，
总数：73，
职位：5，
可用：真
}, {
姓名：“劳伦斯·麦卡锡”，
总数：67，
职位：6，
可用：false
}, {
姓名：“杰拉尔多·马什”，
总数：77，
职位：6，
可用：真
}, {
姓名：“阿尔文·纳什”，
总数：78，
职位：6，
可用：false
}];
功能检查可用性（obj）{
返回！！对象可用；
}
var findBestPlayer=（函数（arr）{
//制作原始数据的副本。
var数据=arr.slice（0）；
//使用比较器函数对数据进行排序
数据排序（comp）；
//过滤掉不可用的玩家。
data=data.filter（检查可用性）；
返回函数（索引）{
返回数据[索引]；
}
})（球员）；
如果（拾取===true | |第一个===true）{
bestPlayer=findBestPlayer（0）；
bestPlayerTwo=findBestPlayer（1）；
最佳玩家三个=找到最佳玩家（2）；
bestPlayerFour=findBestPlayer（3）；
bestPlayerFive=findBestPlayer（4）；
bestPlayerSix=findBestPlayer（5）；
最佳玩家偶数=最佳玩家（6）；
第一个=假；
拾取=假；
}
document.getElementById（“p1”）.innerHTML=bestPlayer.name；
document.getElementById（“p1ovr”）.innerHTML=bestPlayer.total；
document.getElementById（“p1pos”）.innerHTML=bestPlayer.position；
document.getElementById（“p2”）.innerHTML=bestPlayerTwo.name；
document.getElementById（“p2ovr”）.innerHTML=bestPlayerTwo.total；