teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問ボタンを押したら要素が指定方向に動くようにしたい

編集履歴

質問編集履歴

1

インデント

2018/10/26 06:42

投稿

nonnon8.
nonnon8.

スコア19

test CHANGED
File without changes
test CHANGED
@@ -24,27 +24,27 @@
24
24
 
25
25
  <head>
26
26
 
27
- <meta charset="utf-8">
27
+ 　<meta charset="utf-8">
28
28
 
29
- <title>game</title>
29
+ 　<title>game</title>
30
30
 
31
31
  <style>
32
32
 
33
33
  #ball{
34
34
 
35
- width:50px;
35
+ 　width:50px;
36
36
 
37
- height:50px;
37
+ 　height:50px;
38
38
 
39
- border-radius:50%;
39
+ 　border-radius:50%;
40
40
 
41
- top:300px;
41
+ 　top:300px;
42
42
 
43
- left:300px;
43
+ 　left:300px;
44
44
 
45
- background-color:black;
45
+ 　background-color:black;
46
46
 
47
- position:absolute;
47
+ 　position:absolute;
48
48
 
49
49
  }
50
50
 
@@ -60,13 +60,11 @@
60
60
 
61
61
  <body>
62
62
 
63
- <div id="ball"></div>
63
+ 　<div id="ball"></div>
64
64
 
65
65
 
66
66
 
67
- <input type="button" value="up" id="up" onclick="up()">
67
+ 　<input type="button" value="up" id="up" onclick="up()">
68
-
69
-
70
68
 
71
69
  </body>
72
70
 
@@ -74,47 +72,47 @@
74
72
 
75
73
  <script>
76
74
 
77
- function up(){
75
+ 　function up(){
78
76
 
79
- var ball=document.getElementById("ball");
77
+ 　var ball=document.getElementById("ball");
80
78
 
81
79
 
82
80
 
83
- var dis=Math.floor(Math.random()*300);
81
+ 　var dis=Math.floor(Math.random()*300);
84
82
 
85
- var dis1=10;
83
+ 　var dis1=10;
86
84
 
87
85
 
88
86
 
89
- var st=ball.style.top;
87
+ 　var st=ball.style.top;
90
88
 
91
89
 
92
90
 
93
- if(st<100){
91
+ 　if(st<100){
94
92
 
95
- ball.style.top=-dis;
93
+ 　ball.style.top=-dis;
96
94
 
97
95
 
98
96
 
99
97
 
100
98
 
101
- }else if(st>300){
99
+ 　}else if(st>300){
102
100
 
103
101
 
104
102
 
105
- alert("stop");
103
+ 　alert("stop");
106
104
 
107
- }else{
105
+ 　}else{
108
106
 
109
107
 
110
108
 
111
- ball.style.top=dis;
109
+ 　ball.style.top=dis;
112
110
 
113
- }
111
+ 　}
114
112
 
115
113
 
116
114
 
117
- };
115
+ 　};
118
116
 
119
117
 
120
118