정주희

simulation and pngs updated

22.9 KB

......@@ -85,7 +85,7 @@ body{
}
.container3{
width:50%;
height:100%;
height:900px;
float:left;
}
.container4{
......@@ -148,4 +148,10 @@ table{
td{
border:1px solid #444444;
padding: 10px;
}
#jstest{
width:100%;
height:500px;
margin:350px 0px 0px 0px;
background-color:white;
}
\ No newline at end of file
......
......@@ -3,6 +3,96 @@
<head>
<title> Simulation </title>
<link rel="stylesheet" type="text/css"href="simulation.css">
<script>
var wonjung=6;
var home=8;
function imgchange1(a){
var img=document.getElementById("wonjung");
if(a==1){
wonjung=1;
img.setAttribute("src","pngs/samsung.png");
}
else if(a==2){
wonjung=2;
img.setAttribute("src","pngs/nc.png");
}
else if(a==3){
wonjung=3;
img.setAttribute("src","pngs/LG.png");
}
else if(a==4){
wonjung=4;
img.setAttribute("src","pngs/kt.png");
}
else if(a==5){
wonjung=5;
img.setAttribute("src","pngs/ssg.png");
}
else if(a==6){
wonjung=6;
img.setAttribute("src","pngs/dusan.png");
}
else if(a==7){
wonjung=7;
img.setAttribute("src","pngs/kiwoom.png");
}
else if(a==8){
wonjung=8;
img.setAttribute("src","pngs/kia.png");
}
else if(a==9){
wonjung=9;
img.setAttribute("src","pngs/hanhwa.png");
}
else if(a==10){
wonjung=10;
img.setAttribute("src","pngs/Lotte.png");
}
}
function imgchange2(a){
var img=document.getElementById("home");
if(a==1){
home=1;
img.setAttribute("src","pngs/samsung.png");
}
else if(a==2){
home=2;
img.setAttribute("src","pngs/nc.png");
}
else if(a==3){
home=3;
img.setAttribute("src","pngs/LG.png");
}
else if(a==4){
home=4;
img.setAttribute("src","pngs/kt.png");
}
else if(a==5){
home=5;
img.setAttribute("src","pngs/ssg.png");
}
else if(a==6){
home=6;
img.setAttribute("src","pngs/dusan.png");
}
else if(a==7){
home=7;
img.setAttribute("src","pngs/kiwoom.png");
}
else if(a==8){
home=8;
img.setAttribute("src","pngs/kia.png");
}
else if(a==9){
home=9;
img.setAttribute("src","pngs/hanhwa.png");
}
else if(a==10){
home=10;
img.setAttribute("src","pngs/Lotte.png");
}
}
</script>
</head>
<body>
<div class="container1">
......@@ -30,18 +120,18 @@
</div>
<div class="selection">
<div class="row row1">
<button type="submit" class="t1">삼성</button>
<button type="submit" class="t1">NC</button>
<button type="submit" class="t1">LG</button>
<button type="submit" class="t1">KT</button>
<button type="submit" class="t1">SSG</button>
<button type="submit" onclick="imgchange1(1)" class="t1">삼성</button>
<button type="submit" onclick="imgchange1(2)" class="t1">NC</button>
<button type="submit" onclick="imgchange1(3)" class="t1">LG</button>
<button type="submit" onclick="imgchange1(4)" class="t1">KT</button>
<button type="submit" onclick="imgchange1(5)" class="t1">SSG</button>
</div>
<div class="row row2">
<button type="submit" class="t1">두산</button>
<button type="submit" class="t1">키움</button>
<button type="submit" class="t1">KIA</button>
<button type="submit" class="t1">한화</button>
<button type="submit" class="t1">롯데</button>
<button type="submit" onclick="imgchange1(6)" class="t1">두산</button>
<button type="submit" onclick="imgchange1(7)" class="t1">키움</button>
<button type="submit" onclick="imgchange1(8)" class="t1">KIA</button>
<button type="submit" onclick="imgchange1(9)" class="t1">한화</button>
<button type="submit" onclick="imgchange1(10)" class="t1">롯데</button>
</div>
</div>
<div class="tb">
......@@ -83,13 +173,13 @@
</div>
<div class="container3">
<div class="l">
<img src="pngs/dusan.png" class="vs" style="margin:0px 0px 0px 50px;">
<img src="pngs/dusan.png" id="wonjung" class="vs" style="margin:0px 0px 0px 50px;">
</div>
<div class="l">
<p id="vss">VS</p>
</div>
<div class="l">
<img src="pngs/kia.png" class="vs">
<img src="pngs/kia.png" id="home" class="vs">
</div>
<div class="simul">
<div class="but">
......@@ -99,6 +189,7 @@
</div>
</div>
<div id="jstest"></div>
</div>
<div class="container4">
<div class="a">
......@@ -106,18 +197,18 @@
</div>
<div class="selection">
<div class="row row1">
<button type="submit" class="t2">삼성</button>
<button type="submit" class="t2">NC</button>
<button type="submit" class="t2">LG</button>
<button type="submit" class="t2">KT</button>
<button type="submit" class="t2">SSG</button>
<button type="submit" onclick="imgchange2(1)" class="t2">삼성</button>
<button type="submit" onclick="imgchange2(2)" class="t2">NC</button>
<button type="submit" onclick="imgchange2(3)" class="t2">LG</button>
<button type="submit" onclick="imgchange2(4)" class="t2">KT</button>
<button type="submit" onclick="imgchange2(5)" class="t2">SSG</button>
</div>
<div class="row row2">
<button type="submit" class="t2">두산</button>
<button type="submit" class="t2">키움</button>
<button type="submit" class="t2">KIA</button>
<button type="submit" class="t2">한화</button>
<button type="submit" class="t2">롯데</button>
<button type="submit" onclick="imgchange2(6)" class="t2">두산</button>
<button type="submit" onclick="imgchange2(7)" class="t2">키움</button>
<button type="submit" onclick="imgchange2(8)" class="t2">KIA</button>
<button type="submit" onclick="imgchange2(9)" class="t2">한화</button>
<button type="submit" onclick="imgchange2(10)" class="t2">롯데</button>
</div>
</div>
<div class="tb">
......