teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

テキスト修正

2020/10/11 14:17

投稿

jun68ykt
jun68ykt

スコア9058

answer CHANGED
@@ -15,4 +15,28 @@
15
15
 
16
16
  - **動作確認用サンプル:** [codepen.io/jun68ykt/pen/bGedBew](https://codepen.io/jun68ykt/pen/bGedBew?editors=0010)
17
17
 
18
- 参考になれば幸いです。
18
+ 参考になれば幸いです。
19
+
20
+
21
+ ### 追記
22
+
23
+ コメントいただきました件ですが、以下の2点を修正してみるといかがでしょうか?
24
+
25
+ (1) `<head>`・・・`</head>` の中の `<link rel="stylesheet" href="style.css">` のすぐ下に、lodashを読み込む `<script>`タグの行を追加
26
+
27
+ ```diff
28
+ <head>
29
+ <meta charset="utf-8">
30
+ <title>おみくじ</title>
31
+ <link rel="stylesheet" href="style.css">
32
+ + <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js"></script>
33
+ </head>
34
+ ```
35
+ (2) `letters`を作る行を以下のように修正
36
+
37
+ ```diff
38
+ - const letters = [...'あいうえおかきくけこ','かきくけこ','なにぬねの'];
39
+ + const letters = [...'あいうえおかきくけこ', ...'かきくけこ', ...'なにぬねの'];
40
+ ```
41
+
42
+ すなわち、追加した`'かきくけこ'`と`'なにぬねの'`それぞれの前にも、スプレッド構文の`...`が必要です。この場合、letters の要素に、`か`, `き`, `く`, `け`, `こ` は2個ずつ含まれることになるので、これらは他の文字の2倍の確率で出現することになります。