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 回答