入力された値を小さい順に並べよう!
問題
今回は数値の並べ替えをしましょう!
デモのように昇順で入力された三つの値を並べ替えてください。
デモのように昇順で入力された三つの値を並べ替えてください。
自分の環境に書くコード
<input type="number" id="1" placeholder="ここに数字を入力">
<input type="number" id="2" placeholder="ここに数字を入力">
<input type="number" id="3" placeholder="ここに数字を入力">
<button>入力完了</button>
<p>昇順で並べます</p>
<div class="box"></div>
¥HTML¥
期待する画面
解答ソースコード
$(function () {
$("button").click(function(){
var num1 = $("#1").val(),
num2 = $("#2").val(),
num3 = $("#3").val(),
numbers=[num1,num2,num3],
numberLength = $('input[type="number"]').length;
for(var i=0;i<numberLength;i++){
for(var k=i+1;k<numberLength;k++){
if(numbers[i]>numbers[k]){
var save=numbers[i];
numbers[i]=numbers[k];
numbers[k]=save;
}
}
}
$(".box").text(numbers[0]+","+numbers[1]+","+numbers[2]);
});
});
¥JavaScript¥
完了にする!
解説