質問編集履歴
4
コードの修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -29,8 +29,6 @@
|
|
29
29
|
|
30
30
|
|
31
31
|
```javascript
|
32
|
-
|
33
|
-
var speech = new webkitSpeechRecognition();
|
34
32
|
|
35
33
|
var Btn = document.getElementById('Btn');
|
36
34
|
|
3
changeの定義
test
CHANGED
File without changes
|
test
CHANGED
@@ -2,7 +2,7 @@
|
|
2
2
|
|
3
3
|
2のボタンを押すと1のボタンで出たimgのsrcが変更され別の画像が画面に表示されます。
|
4
4
|
|
5
|
-
|
5
|
+
何度1を押しても、2を押したら1で生成されたたくさんのイメージの中から一つは必ず2のイメージに変わるーこれが繰り返されることを目指してます。
|
6
6
|
|
7
7
|
|
8
8
|
|
@@ -29,6 +29,8 @@
|
|
29
29
|
|
30
30
|
|
31
31
|
```javascript
|
32
|
+
|
33
|
+
var speech = new webkitSpeechRecognition();
|
32
34
|
|
33
35
|
var Btn = document.getElementById('Btn');
|
34
36
|
|
2
id="Btn"を押されたら〜のjavascript文追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -3,6 +3,8 @@
|
|
3
3
|
2のボタンを押すと1のボタンで出たimgのsrcが変更され別の画像が画面に表示されます。
|
4
4
|
|
5
5
|
(画像の大きさは同じです。)
|
6
|
+
|
7
|
+
|
6
8
|
|
7
9
|
```html
|
8
10
|
|
@@ -28,6 +30,22 @@
|
|
28
30
|
|
29
31
|
```javascript
|
30
32
|
|
33
|
+
var Btn = document.getElementById('Btn');
|
34
|
+
|
35
|
+
Btn.addEventListener('click', function() {
|
36
|
+
|
37
|
+
change.start();
|
38
|
+
|
39
|
+
});
|
40
|
+
|
41
|
+
change.addEventListener('result', function(e) {
|
42
|
+
|
43
|
+
console.log(e);
|
44
|
+
|
45
|
+
var text = e.results[0][0].transcript;
|
46
|
+
|
47
|
+
|
48
|
+
|
31
49
|
switch(text) {
|
32
50
|
|
33
51
|
case "first":
|
@@ -45,6 +63,8 @@
|
|
45
63
|
}
|
46
64
|
|
47
65
|
|
66
|
+
|
67
|
+
});
|
48
68
|
|
49
69
|
function getF00() {
|
50
70
|
|
@@ -65,6 +85,8 @@
|
|
65
85
|
box.appendChild(image);
|
66
86
|
|
67
87
|
content.appendChild(box);
|
88
|
+
|
89
|
+
}
|
68
90
|
|
69
91
|
|
70
92
|
|
1
HTML、エラー文追加
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,8 +1,28 @@
|
|
1
|
-
Javascriptで1のボタンを押して画面にimgが表示されます。
|
1
|
+
JavascriptでDOM操作で動的に1のボタンを押して画面にimgが表示されます。
|
2
2
|
|
3
3
|
2のボタンを押すと1のボタンで出たimgのsrcが変更され別の画像が画面に表示されます。
|
4
4
|
|
5
5
|
(画像の大きさは同じです。)
|
6
|
+
|
7
|
+
```html
|
8
|
+
|
9
|
+
<body>
|
10
|
+
|
11
|
+
<div id = "area">
|
12
|
+
|
13
|
+
<div id = "content"></div>
|
14
|
+
|
15
|
+
<button id="Btn">開始</button>
|
16
|
+
|
17
|
+
</div>
|
18
|
+
|
19
|
+
<script src = "public/script.js"></script>
|
20
|
+
|
21
|
+
</body>
|
22
|
+
|
23
|
+
</html>
|
24
|
+
|
25
|
+
```
|
6
26
|
|
7
27
|
|
8
28
|
|
@@ -64,6 +84,18 @@
|
|
64
84
|
|
65
85
|
と書いて反応がなかったです。setAttribute("src")も試したものの、errorが出るだけでした。
|
66
86
|
|
87
|
+
そのerrorはこちらになります。
|
88
|
+
|
89
|
+
```ここに言語を入力
|
90
|
+
|
91
|
+
Uncaught TypeError: image.setAttribute is not a function
|
92
|
+
|
93
|
+
at getS00 (script.js:393)
|
94
|
+
|
95
|
+
at SpeechRecognition.<anonymous> (script.js:82)
|
96
|
+
|
97
|
+
```
|
98
|
+
|
67
99
|
|
68
100
|
|
69
101
|
初心者なので、この書き方に何故問題が起こるのか良く分かりません。
|