发表于： 2022-11-29 20:37:59
0 361
js代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=720,initial-scale=1">
<link rel="stylesheet" href="pipei.css">
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css" rel="stylesheet">
<title>玩家匹配</title>
</head>
<body>
<div class="box">
<div class="head">
<img src="tupian/返回1.png">
</div>
<div class="title">
<p>玩家配比</p>
</div>
<div class="number">
<div class="a">
<img src="tupian/组%201.png">
<p>杀手<button><input class="c" type="text" placeholder="请输入人数" onclick="print()"></button>人</p>
</div>
<div class="b">
<img src="tupian/组%202.png">
<p>平民<button><input class="c" type="text" placeholder="请输入人数" onclick="print()"></button>人</p>
</div>
</div>
<div class="quantity">
<p>请输入玩家数量<button><input class="c" type="text" placeholder="请输入人数" onclick="print()">
</button><span>玩家数量为4-18</span></p>
</div>
<div class="bottom">
<button href="#">去发牌</button>
</div>
</div>
<script language="javascript">
function print(){
var a = myform.name.value;
alert(a);
}
</script>
</body>
</html>
页面效果
明天计划：完成接下来的代码。
返回列表
评论