質問編集履歴

1

文法の修正

2021/07/12 03:48

投稿

aasifiuuf
aasifiuuf

スコア3

test CHANGED
File without changes
test CHANGED
@@ -38,10 +38,6 @@
38
38
 
39
39
  ```
40
40
 
41
- HTML
42
-
43
-
44
-
45
41
  <!DOCTYPE html>
46
42
 
47
43
  <html lang="ja">
@@ -53,6 +49,10 @@
53
49
  </head>
54
50
 
55
51
  <body>
52
+
53
+
54
+
55
+
56
56
 
57
57
  <select name="genre" id="genre" onchange="createMenu(this.value)">
58
58
 
@@ -66,29 +66,9 @@
66
66
 
67
67
  </select>
68
68
 
69
- <select name="menuList" id="menuList" disabled>
69
+ <script type="text/javascript">
70
70
 
71
- <option disabled selected>料理を選択してください</option>
72
-
73
- </select>
74
-
75
- </body>
76
-
77
- </html>
78
-
79
-
80
-
81
-
82
-
83
-
84
-
85
- javascript
86
-
87
-
88
-
89
-
90
-
91
- const foodMenu =
71
+ const foodMenu =
92
72
 
93
73
  {
94
74
 
@@ -106,7 +86,7 @@
106
86
 
107
87
  function createMenu(selectGenre){
108
88
 
109
-
89
+
110
90
 
111
91
  let menuList = document.getElementById('menuList');
112
92
 
@@ -122,9 +102,9 @@
122
102
 
123
103
  option.disabled = true;
124
104
 
125
- menuList.appendChild(option);
105
+ menuList.appendChild(option);
126
106
 
127
-
107
+
128
108
 
129
109
  foodMenu[selectGenre].forEach( menu => {
130
110
 
@@ -132,15 +112,23 @@
132
112
 
133
113
  option.innerHTML = menu;
134
114
 
135
- menuList.appendChild(option);
115
+ menuList.appendChild(option);
136
116
 
137
- });
117
+ });
138
118
 
139
119
  }
140
120
 
121
+ </script>
141
122
 
123
+ <select name="menuList" id="menuList" disabled>
142
124
 
125
+ <option disabled selected>料理を選択してください</option>
143
126
 
127
+ </select>
128
+
129
+ </body>
130
+
131
+ </html>
144
132
 
145
133
  ### 試したこと
146
134
 
@@ -154,4 +142,6 @@
154
142
 
155
143
 
156
144
 
145
+
146
+
157
147
  ここにより詳細な情報を記載してください。