2013-04-20 3 views
1

나는 내가 선택한 것으로 변경할 수있는 두 값 사이에 임의의 숫자를 생성하려고합니다. 페이지가로드 될 때 사이트의 본문에 숫자가 표시되기를 원합니다.HTML의 임의 번호 생성

감사합니다.

+2

클라이언트 측 (자바 스크립트 필요) 또는 서버 측? 너 뭐 해봤 니? – GitaarLAB

+0

@ GitaarLAB 나는 데이터베이스 또는 뭔가에 넣고 싶지 않으면이 서버 쪽을 원할 이유가 없다고 생각하기 때문에 클라이언트 쪽만 사용한다고 가정 했습니까? –

답변

2

귀하의 질문은 당신이 필요한 일에 대해 꽤 애매하지만, 여기에 다음 두 변수 사이의 임의의 숫자를 생성하고 자바 스크립트 솔루션은 그에게 <div> 내용 설정입니다 :

바이올린 : http://jsfiddle.net/BenedictLewis/xmPgR/

JS를 :

var link = document.getElementById('getNumber'); // Gets the link 
link.onclick = getNumber; // Runs the function on click 

function getNumber() { 
    var minNumber = 0; // The minimum number you want 
    var maxNumber = 100; // The maximum number you want 
    var randomnumber = Math.floor(Math.random() * (maxNumber + 1) + minNumber); // Generates random number 
    $('#myNumber').html(randomnumber); // Sets content of <div> to number 
    return false; // Returns false just to tidy everything up 
} 

HTML :

<div id="myNumber"></div> <!-- Your number will appear in here --> 
<a href="no-javascript.html" id="getNumber">Get number</a> <!-- Link to get number. If the user has no JS enabled it will redirect to no-javascript.html --> 
1

나는 JavaScript를 사용하여이 작업을 수행했으며, 0-9 사이의 임의의 숫자를 생성합니다. 여기 코드가 있습니다. 당신이 1-10 사이의 예를 들어 숫자 사이에 출력을 원하는 경우

<html> 
<body> 

<p id="one"></p> 
<button onclick="random()">Random</button> 

<script> 
function random(){ 

document.getElementById("one").innerHTML = Math.floor(Math.random() * 10); 
} 
</script> 

</body> 

, 단지

Math.floor(Math.random() * 10) + 1; 

희망을 편집이 도움이 될 것입니다 고마워 당신에게