0

最初に乱数を選択し、次に 1 から乱数までのすべての数字をページに出力する関数を作成しようとしています。

基本的には、次のようになります。

1   2   3   4   5   6   7   8   9   10  11  12  13  14  15  16  17  18  19  20  21  22  23  24  twenty  five    26  27  28  29  30  31  32  33  34  35  
36  37  38  39  40  41  42  43  44  45  46  47  48  49  50 51   52  53  54  55  56  57  58  59  60  61  62  63  64  65  66  67  68  69  
70  71  72  73  74  seventy five    76  77  78  79  80  81  82  83  84  85  86  87  88  89  90 91   92  93  94  95  96  97  98  99  
100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 
124 one hundred and twenty  five

これが私がこれまでに持っている機能です。現在、それは単に一連の乱数を警告しているだけです。数字を警告せず、ページ自体に書き込むようにするにはどうすればよいですか? どんな助けでも大歓迎です。

<script>
        function randomNumber() {
            var num = Math.floor(Math.random() * 200);
            var english = {
            25 : "twenty five",
            75 : "seventy five",
            125 : "one hundred and twenty five"
        }

        for (var i = 0; i < 200; i++) {
            var num = Math.floor(Math.random() * 200);
            alert(num);

        }
        }

        document.getElementById('yourElement').onclick = randomNumber();
    </script>
4

2 に答える 2

1

イベントリスナーの設定が間違っています。

document.getElementById('yourElement').onclick = randomNumber();

「onclick = randomNumber()」を使用する場合、関数 randomNumber を onclick に設定していません。関数の後に「()」を書いたので、実際には関数を呼び出しており、onclick に設定されているのは実際には randomNumber の戻り値であり、この場合は「未定義」です。

このコードは、あなたが望むことをするはずです。

    <script type="text/javascript">

        window.onload = function() {
            var english = {
                25 : 'twenty five'
                // and so on
            }

            function randomNumber() {
                var r = Math.round( Math.random() * 200 )
                return english[r] || r;
            }

            function writeRandomNumber() {
                this.innerHTML += randomNumber();
            }

            document.getElementById('yourElement').onclick = writeRandomNumber;
        }

    </script>
于 2013-04-15T00:06:21.477 に答える
0

要素のテキストを設定するには、 innerText 、innerHTML、またはtextContentを使用します。

document.getElementById("myElement").innerText += num;
于 2013-04-14T23:41:18.610 に答える