おみくじが動かなくなった

<!DOCTYPE HTML>
<HTML LANG="JA">
<HEAD>
<META CHARSET="UTF-8"/>
<TITLE>おみくじ</TITLE>
</HEAD>
<BODY>
<DIV ID="RESLT"></DIV>
<DIV ID="BTN">クリックして！</DIV>
<SCRIPT>
(FUNCTION () {
'USE STRICT';
DOCUMENT.GETELEMENTBYID('BTN').ADDEVENTLISTENER('CLICK', FUNCTION () {
VAR RESULTS = ['大吉', '小吉', '中吉', '凶'];
VAR RESULT = MATH.FLOOR(MATH.RANDOM() * RESULTS.LENGTH);
DOCUMENT.GETELEMENTBYID('RESULT').INNERHTML += RESULTS[RESULT];
});
})();
</SCRIPT>
</BODY>
</HTML>

おねがいします

行動規範の内容に同意します

回答2件

ベストアンサー

全部大文字なのはこだわり？大文字で全部書くことは少ないので、読みにくい。jsは大文字と小文字できっちり区別されます。

リンク内容
 Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider

投稿2017/04/09 14:44

toutou

総合スコア2050

以下のようにするとどうでしょうか。

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="UTF-8">
5    <title>おみくじ</title>
6</head>
7<body>
8<div id="result"></div>
9<div id="btn">クリックして！</div>
10<script>
11    (function () {
12        'use strict';
13        document.getElementById('btn').addEventListener('click', function () {
14            var results = ['大吉', '小吉', '中吉', '凶'];
15            var result = Math.floor(Math.random() * results.length);
16            document.getElementById('result').innerHTML = results[result];
17        });
18    })();
19</script>
20</body>
21</html>