Skip to content

N
nodejs-60-2
Commit 55223a32 authored by เสกสิทธิ์ สีทน's avatar เสกสิทธิ์ สีทน
Browse files
Options

แต่งเว็บให้สวยงาม

parent 2afbccec
Show whitespace changes
Inline Side-by-side
Showing with 0 additions and 182 deletions
week05/windowapp/image (copy)/background.png deleted 100644 → 0
View file @ 2afbccec
This diff is collapsed.
week05/windowapp/index (copy).html deleted 100644 → 0
View file @ 2afbccec
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
div {
width: 100%;
height: 800px;
background: url("image/background.png");
background-size: cover;
}
</style>
</head>
<body background = "image/background.jpg">
<div>
<center> <img src="image/1.png" alt=""></center><br><br><br>
<center><img src="image/1.jpg" alt="" width="400px"></center><br><br>
<a href="question.html">
<center> <img src="image/2.png"></center>
</a>
</div>
<script>
</script>
</body>
</html>
week05/windowapp/question (copy).html deleted 100644 → 0
View file @ 2afbccec
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
div {
width: 100%;
height: 800px;
background: url("image/background.png");
background-size: cover;
}
</style>
</head>
<body background = "image/background.jpg">
<div>
<center><img id="ask"></center><br><br><br>
<center><img id="image"></center><br><br>
<center><img id="a1" onclick="n(1)"></center>
<center><img id="a2" onclick="n(2)"></center>
<center><img id="a3" onclick="n(3)"></center>
<center><img id="a4" onclick="n(4)"></center>
<center><img id="end" width="500px"></center><br><br>
<center><img id="sum"></center>
<a id="b"href="index.html">
<center> <img src="image/b.png"></center>
</a>
</div>
<script src="scripts.js">
</script>
</body>
</html>
week05/windowapp/scripts (copy).js deleted 100644 → 0
View file @ 2afbccec
var x = 1;
var sum = 0;
document.getElementById('end').style.display = 'none';
document.getElementById('sum').style.display = 'none';
document.getElementById('b').style.display = 'none';
if (x == 1) {
document.getElementById('ask').src='image/1/ask.png'
document.getElementById('image').src='image/1/1.png'
document.getElementById('a1').src='image/1/a1.png'
document.getElementById('a2').src='image/1/a2.png'
document.getElementById('a3').src='image/1/a3.png'
document.getElementById('a4').src='image/1/a4.png'
}
function n(number) {
x=x+1;
if(x == 2){
document.getElementById('ask').src='image/2/ask.png'
document.getElementById('image').src='image/2/1.png'
document.getElementById('a1').src='image/2/a1.png'
document.getElementById('a2').src='image/2/a2.png'
document.getElementById('a3').src='image/2/a3.png'
document.getElementById('a4').src='image/2/a4.png'
if (number == 3) {
sum++;
}
}
if (x==3) {
document.getElementById('ask').src='image/3/ask.png'
document.getElementById('image').src='image/3/1.png'
document.getElementById('a1').src='image/3/a1.png'
document.getElementById('a2').src='image/3/a2.png'
document.getElementById('a3').src='image/3/a3.png'
document.getElementById('a4').src='image/3/a4.png'
if (number == 1) {
sum++;
}
}
if (x==4) {
document.getElementById('ask').src='image/4/ask.png'
document.getElementById('image').src='image/4/1.png'
document.getElementById('a1').src='image/4/a1.png'
document.getElementById('a2').src='image/4/a2.png'
document.getElementById('a3').src='image/4/a3.png'
document.getElementById('a4').src='image/4/a4.png'
if (number == 4) {
sum++;
}
}
if (x==5) {
document.getElementById('ask').src='image/5/ask.png'
document.getElementById('image').src='image/5/1.png'
document.getElementById('a1').src='image/5/a1.png'
document.getElementById('a2').src='image/5/a2.png'
document.getElementById('a3').src='image/5/a3.png'
document.getElementById('a4').src='image/5/a4.png'
if (number == 3) {
sum++;
}
}
if (x==6) {
if (number == 1) {
sum++;
}
conclude();
}
}
function conclude() {
document.getElementById('ask').src='image/sum/ask.png'
document.getElementById('image').style.display = 'none';
document.getElementById('a1').style.display = 'none';
document.getElementById('a2').style.display = 'none';
document.getElementById('a3').style.display = 'none';
document.getElementById('a4').style.display = 'none';
document.getElementById('end').style.display = 'inline';
document.getElementById('sum').style.display = 'inline';
document.getElementById('b').style.display = 'inline';
document.getElementById('end').src='image/2.jpg'
if (sum == 0) {
document.getElementById('sum').src='image/sum/0.png'
}
if (sum == 1) {
document.getElementById('sum').src='image/sum/1.png'
}
if (sum == 2) {
document.getElementById('sum').src='image/sum/2.png'
}
if (sum == 3) {
document.getElementById('sum').src='image/sum/3.png'
}
if (sum == 4) {
document.getElementById('sum').src='image/sum/4.png'
}
if (sum == 5) {
document.getElementById('sum').src='image/sum/5.png'
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment