Question

我正在尝试创建一个首先选择一个随机数的函数，然后在页面上打印从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>

Answer 1

您以错误的方式设置了事件侦听器。

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

当您使用“onclick = randomNumber（）”时，您没有将函数randomNumber设置为onclick。因为你在函数之后写了“（）”，你实际上是在调用函数，并且设置为onclick的东西实际上是randomNumber的返回值，在你的情况下是“undefined”。

这段代码应该做你想要的。

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

Answer 2

使用innerText，innerHTML或textContent设置元素的文字：

document.getElementById("myElement").innerText += num;

在页面上写随机数

2 个答案: