More than 3 years have passed since last update.

【JavaScript】0～2のランダムな数値を3つ取得し、「それぞれの数値」と「最も数値が大きい変数」の情報を表示する。※「最も数値が大きい変数」が複数ある場合は複数表示

JavaScript

Last updated at 2021-05-06Posted at 2021-05-06

<!DOCTYPE html>
<html lang="ja">
<head>
   <meta charset="UTF-8">
   <title>if&amp;論理演算子</title>
</head>
<body>
   <script>
      // var rand1 = Math.floor(Math.random() * 3);
      // var rand2 = Math.floor(Math.random() * 3);
      // var rand3 = Math.floor(Math.random() * 3);

      var rand1 = 11;
      var rand2 = 12;
      var rand3 = 11;

      // 出た数字
      document.write('<p>rand1: ' + rand1 + '</p>');
      document.write('<p>rand2: ' + rand2 + '</p>');
      document.write('<p>rand3: ' + rand3 + '</p>');
          // -----------------------------------------------------------------
          //３つがすべて同じ値か？
          // -----------------------------------------------------------------
          if ( rand1 === rand2 && rand2 === rand3 ) {
              document.write('<p>3つは同じ値です</p>');
          // -----------------------------------------------------------------
          // rand1とrand2が同じ値か？
          // -----------------------------------------------------------------
          } else if ( rand1 === rand2 ){
              if ( rand2 >rand3) {
                  document.write('<p>一番値が大きいのはrand1とrand2です</p>');
              }else {
                  document.write('<p>一番値が大きいのはrand3です</p>');
              }
          // -----------------------------------------------------------------
          // rand1とrand3が同じ値か？
          // -----------------------------------------------------------------
          } else if (rand1 === rand3) {
              if ( rand3 >rand2) {
                  document.write('<p>一番値が大きいのはrand1とrand3です</p>');
              }else {
                  document.write('<p>一番値が大きいのはrand2です</p>');
              }
          // -----------------------------------------------------------------
          // rand2とrand3が同じ値か？
          // -----------------------------------------------------------------
          } else if (rand2 === rand3) {
              if ( rand3 >rand1) {
                  document.write('<p>一番値が大きいのはrand2とrand3です</p>');
              }else {
                  document.write('<p>一番値が大きいのはrand1です</p>');
              }
          // -----------------------------------------------------------------
          // rand1が一番大きい値か？
          // -----------------------------------------------------------------
          } else if ( rand1 > rand2 && rand1 > rand3 ) {
              document.write('<p>一番値が大きいのはrand1です</p>');
          // -----------------------------------------------------------------
          // rand2が一番大きい値か？
          // -----------------------------------------------------------------
          } else if ( rand2 > rand3 && rand2 > rand1 ) {
              document.write('<p>一番値が大きいのはrand2です</p>');
          // -----------------------------------------------------------------
          // rand3が一番大きい値か？
          // -----------------------------------------------------------------
          } else if ( rand3 > rand2 && rand3 > rand1 ) {
              document.write('<p>一番値が大きいのはrand3です</p>');
          // -----------------------------------------------------------------
          }
   </script>
</body>
</html>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up