Question

如何使用html和javascript每次刷新生成一个随机数？

我有生成十进制数的javascript。

	function DecimalGenerate() {
    var min = 1.03,
        max = 5.99,
        NumberResult = Math.random() * (max - min) + min;

    alert(parseFloat(NumberResult).toFixed( 2 ));
};

DecimalGenerate();

但是如何使用html显示实际代码？

Answer 1

你可以简单地在JQuery上调用该函数。（document）.ready（）。我在文本框中显示了随机生成的数字

Html

<input type='text' id='text1'>

JQuery的

function DecimalGenerate() {
    var min = 1.03,
        max = 5.99,
        NumberResult = Math.random() * (max - min) + min;

    $('#text1').val(parseFloat(NumberResult).toFixed( 2 ));
};

$( document ).ready(function() {
DecimalGenerate();
});

您可以查看Demo

Answer 2

每次按下按钮时，您还可以使用一个生成随机数的按钮。该按钮触发要执行的功能，从而生成随机数并将其附加到html文档的h3标签。

<强>的index.html

 <!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <h1>Generate Random Number</h1>
    <h3 id="rand"></h3>
    <button onclick="DecimalGenerate();">Random</button>
  </body>

  <script src="script.js"></script>
</html>

<强>的script.js

function DecimalGenerate() {
    var min = 1.03,
        max = 5.99,
        NumberResult = Math.random() * (max - min) + min;

    var rand = document.getElementById('rand');
     rand.textContent = NumberResult.toFixed( 2 );

};

DecimalGenerate();

以下是指向Plunker的链接。

Answer 3

    <html>
    <head>
    </head>
    <body>
    <p id="new">this is a number</p>
    <script>
    (function () {
    document.getElementById("new").innerHTML = Math.floor(Math.random()*100);
    })();
    </script>
    </body></html>

它是一个自调用函数，每次刷新窗口时，它会随机改变它在0到1之间的值并将其乘以100，然后使用floor函数给出0到100之间的值。

Answer 4

以下答案对我有用，但如何删除。从结果（1752115.32）

JQuery的

function DecimalGenerate() {
    var min = 1.03,
        max = 5.99,
        NumberResult = Math.random() * (max - min) + min;

    $('#text1').val(parseFloat(NumberResult).toFixed( 2 ));
};

$( document ).ready(function() {
DecimalGenerate();
});

每刷新一次更改一个数字？

4 个答案: