JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで0から199までの乱数を取得する方法【サンプルコード付き】

JavaScriptで0から199までの範囲の乱数（ランダムな整数）を取得するには、Math.random()メソッドとMath.floor()メソッドを組み合わせて使用します。

基本的な仕組み

Math.random()は、0以上1未満の浮動小数点数をランダムに返します。この値に200を掛けることで、0以上200未満の数値が得られます。さらにMath.floor()で小数点以下を切り捨てることで、0から199までの整数を取得できます。

コード例

以下のコードを実行すると、0から199までのランダムな整数が表示されます。

<!DOCTYPE html>
<html>
   <body>
      <script>
         document.write(Math.floor(Math.random() * 200));
      </script>
   </body>
</html>

コードの解説

  • Math.random()：0以上1未満のランダムな小数を生成します。
  • * 200：ランダムな小数に200を掛け、0以上200未満の範囲に拡張します。
  • Math.floor()：小数点以下を切り捨て、0から199までの整数にします。

任意の範囲の乱数を取得する応用

同様の考え方を使えば、任意の範囲の乱数も簡単に生成できます。例えば、最小値「min」から最大値「max」までの乱数を取得する場合は、次のように記述します。

function getRandomInt(min, max) {
   return Math.floor(Math.random() * (max - min + 1)) + min;
}

// 例：0から199までの乱数を取得
document.write(getRandomInt(0, 199));

この関数を使えば、サイコロやくじ引き、ゲーム内のアイテム抽選など、さまざまな場面で再利用できる汎用的な乱数生成処理を実現できます。

  1. JavaScriptで要素の表示・非表示を切り替える方法をわかりやすく解説

    Webページの開発では、ボタンのクリックに応じて特定の要素を表示したり非表示にしたりする「トグル（切り替え）処理」は非常によく使われるテクニックです。JavaScriptを使えば、style.displayプロパティの値を動的に変更することで、簡単にこの機能を実装できます。 本記事では、ボタンをクリックするたびにdiv要素の表示と非表示が切り替わるサンプルコードを紹介します。 実装のポイント 要素の表示・非表示の切り替えは、以下の手順で行います。 document.querySelector()で対象の要素を取得する addEventListener(click, ...)でボタンのクリック

  2. CSSとJavaScriptで「いいね／よくないね」ボタンを切り替える方法

    CSSとJavaScriptを組み合わせれば、クリックするたびに「いいね（サムズアップ）」と「よくないね（サムズダウン）」のアイコンが切り替わるボタンを簡単に実装できます。ここでは、Font AwesomeのアイコンとclassList.toggle()メソッドを使った具体的な実装例を紹介します。サンプルコード<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-aweso