私はJS の初心者であり、想像を絶する開発者ではありません。入力ボックスとドロップダウン リストから乱数を生成するコードをセットアップしました。基本的に x から開始し、DDL から最大数を選択し、その間の乱数を計算します。コードは CSS Tricks から得たもので、自分で動作するように微調整し、HTML ページをコーディングしました。
すべてうまくいきますが、答えをアニメートしたいと思います。現時点では、表示されたばかりで、エレガントではありません。フェードインと同じくらい簡単なものが欲しいのですが、私が試したすべての機能により、計算が機能しなくなり、数値が表示されず、アニメーションも表示されません。コードの文字列のどこにアニメーションを配置する必要があるかについて、何らかのガイダンスが得られる可能性はありますか?
function IsNumeric(n){
return !isNaN(n);
}
$(function(){
$("#getit").click(function() {
var numLow = $("#lownumber").val();
var numHigh = $("#highnumber").val();
var adjustedHigh = (parseFloat(numHigh) - parseFloat(numLow)) + 1;
var numRand = Math.floor(Math.random()*adjustedHigh) + parseFloat(numLow);
if ((IsNumeric(numLow)) && (IsNumeric(numHigh)) && (parseFloat(numLow) <= parseFloat(numHigh)) && (numLow != '') && (numHigh != '')) {
$("#randomnumber").text(numRand);
} else {
$("#randomnumber").text("Erm...");
}
return false;
});
$("input[type=number]").each(function(){
$(this).data("first-click", true);
});
$("input[type=number]").focus(function(){
if ($(this).data("first-click")) {
$(this).val("");
$(this).data("first-click", false);
}
});
});