2015-06-01 5 views
0

Как я могу генерировать случайное число при каждом обновлении с помощью html и javascript?Изменение числа при каждом обновлении?

У меня есть javascript, который будет генерировать десятичное число.

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

 
    alert(parseFloat(NumberResult).toFixed(2)); 
 
}; 
 

 
DecimalGenerate();
Но как я мог отображать фактический код с помощью HTML?

+1

Пробовали ли вы ParseInt()? – aksappy

+0

Что вы подразумеваете под 'как я могу отобразить фактический код с помощью html?' –

+0

Nevermind Я решил, что это то, что я встретил, кстати http://jsfiddle.net/Eos_/yyAf8/36/ – Maelstorm

ответ

0

Вы также можете создать кнопку, которая генерирует случайное число при каждом нажатии кнопки. Кнопка запускает выполняемую функцию, генерируя случайное число и добавляя его к тегу h3 документа html.

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.

1

Вы можете просто назвать это fucntion на 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

0
<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, а затем использовать функцию пола, дайте нам значение от 0 до 100.

0

Ниже ответ работал для меня, но как его удалить. от результата (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(); 
}); 
+0

Хотя этот код может ответить на вопрос, предоставление дополнительного контекста относительно того, как и/или почему оно решает проблему, улучшит долгосрочную ценность ответа. –

Смежные вопросы