質問編集履歴
1
実現したいことの説明の変更
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -6,17 +6,25 @@
|
|
|
6
6
|
|
|
7
7
|
javascriptについて質問です。
|
|
8
8
|
|
|
9
|
-
ボタンをクリックしてランダムで
|
|
9
|
+
ボタンをクリックして、1.画像をランダムで表示させる 2.カウントが100ずつ増えていく機能を作りたいです。また、これらを1つの画面で完成させたいと思っています。
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
1と2のそれぞれの機能は動作できましたが、2つ同時に機能させることができません。
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
イメージといたしまして、家事をして0円貯金しましたという言葉と貯金するボタンを最初の画面に表示します。
|
|
14
14
|
|
|
15
|
-
ボタン
|
|
15
|
+
ボタンをクリックすると、0円の文字が100円に変わり、家事をして100円貯金しましたの言葉とボタンの間に画像を表示させたいです。
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
さらに、ボタンをクリックすることで、200円、300円と金額が増え、画像もクリックするたびにランダムに表示させたいです。
|
|
18
18
|
|
|
19
|
+
また、画面を閉じても金額は0円に戻らず、クリックして増えた金額を保存して、次に画面を開いたら、増えた金額からスタートできるようにしたいです。
|
|
20
|
+
|
|
21
|
+
わかりにくい説明ですが、改善点を教えていただけると助かります。
|
|
22
|
+
|
|
19
|
-
|
|
23
|
+
宜しくお願いいたします。
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
※style.cssのソースコードを記載していなかったので追加で載せています。
|
|
20
28
|
|
|
21
29
|
|
|
22
30
|
|
|
@@ -25,6 +33,8 @@
|
|
|
25
33
|
|
|
26
34
|
|
|
27
35
|
```ここに言語名を入力
|
|
36
|
+
|
|
37
|
+
[index.html]
|
|
28
38
|
|
|
29
39
|
<!DOCTYPE HTML>
|
|
30
40
|
|
|
@@ -79,6 +89,46 @@
|
|
|
79
89
|
</html>
|
|
80
90
|
|
|
81
91
|
|
|
92
|
+
|
|
93
|
+
[style.css]
|
|
94
|
+
|
|
95
|
+
body {
|
|
96
|
+
|
|
97
|
+
background-color: #F0F8FF;
|
|
98
|
+
|
|
99
|
+
padding: 15px;
|
|
100
|
+
|
|
101
|
+
font-size: 30px;
|
|
102
|
+
|
|
103
|
+
color: #666;
|
|
104
|
+
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
input {
|
|
108
|
+
|
|
109
|
+
background-color: #FFFF00;
|
|
110
|
+
|
|
111
|
+
font-size: 40px;
|
|
112
|
+
|
|
113
|
+
color: #000000;
|
|
114
|
+
|
|
115
|
+
position: absolute;
|
|
116
|
+
|
|
117
|
+
left: 70px;
|
|
118
|
+
|
|
119
|
+
bottom: 100px;
|
|
120
|
+
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
img {
|
|
124
|
+
|
|
125
|
+
position: absolute;
|
|
126
|
+
|
|
127
|
+
left: 150px;
|
|
128
|
+
|
|
129
|
+
bottom: 100;
|
|
130
|
+
|
|
131
|
+
}
|
|
82
132
|
|
|
83
133
|
```
|
|
84
134
|
|