myy/randomOrder.html

## randomOrder.html
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>1からNまでの整数をランダムに並び替える</title>
</head>
<body>
    <h1>1からNまでの整数をランダムに並び替える</h1>

    <p>並び替えたい数の最大値を入力してください: <input type="text" name="max" id="max" value="0" /> <input type="button" value="決定" onclick="getMax();" /></p>
    <p><input type="button" value="並び替える" onclick="randOrder();"/></p>

    <p>並び替え前: <span id="before"></span></p>
    <p>並び替え後: <span id="after"></span></p>

    <script>
      var before;
      var after;

      function getMax(){
        var max = document.getElementById('max').value;
        before = new Array(max);
        after = new Array(max);
        for(var i=0;i<max;i++) {
      before[i] = i+1;
	}
	document.getElementById('before').innerHTML = before;
      }

      function randOrder() {
        var j = 0;
        while(before.length > 0) {
	  var r = Math.floor(Math.random() * before.length);
	  after[j] = before[r];
	  before.splice(r,1);
          j++;
        }
	document.getElementById('after').innerHTML = after;
      }
    </script>
</body>
</html>
	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<title>1からNまでの整数をランダムに並び替える</title>
	</head>
	<body>
	<h1>1からNまでの整数をランダムに並び替える</h1>

	<p>並び替えたい数の最大値を入力してください: <input type="text" name="max" id="max" value="0" /> <input type="button" value="決定" onclick="getMax();" /></p>
	<p><input type="button" value="並び替える" onclick="randOrder();"/></p>

	<p>並び替え前: <span id="before"></span></p>
	<p>並び替え後: <span id="after"></span></p>

	<script>
	var before;
	var after;

	function getMax(){
	var max = document.getElementById('max').value;
	before = new Array(max);
	after = new Array(max);
	for(var i=0;i<max;i++) {
	before[i] = i+1;
	}
	document.getElementById('before').innerHTML = before;
	}

	function randOrder() {
	var j = 0;
	while(before.length > 0) {
	var r = Math.floor(Math.random() * before.length);
	after[j] = before[r];
	before.splice(r,1);
	j++;
	}
	document.getElementById('after').innerHTML = after;
	}
	</script>
	</body>
	</html>