JavaScript 2から順に素数を表示するプログラム Javascript
素数の個数を指定して表示 素数の範囲を指定して表示 2から順に素数を表示するプログラム Javascipt 1から順に素数を表示する 表示したい素数の個数を入力 表示する素数の個数: 表示する 2から順に素数を表示するプログラム <label for="numPrimes">表示する素数の個数:</label> <in...
JavaScript
JavaScript JavaScript 指定範囲内の素数を表示するプログラム Javascript
素数の個数を指定して表示 素数の範囲を指定して表示 指定範囲内の素数を表示するプログラム Javascipt 指定した範囲内の素数を表示する 範囲を指定してください。 開始数: 終了数: 表示する 指定範囲内の素数を表示するプログラムのコード <label for="startNum">開始数:</label> <in...
JavaScript 積み上げ 横棒グラフメーカー HTMLとCSSをコピペできる
積み上げ 横棒グラフメーカー プログラム Javascipt 積み上げ 横棒グラフ %の入力 10項目まで入力できます。4つでよいときは、残り6つを0としてください。合計100としてください。 A B C D E F G H I J Update Chart .bar-chart { width: 100%; heig...
JavaScript シンプルオセロ 単純な時間つぶしオセロゲーム Javascript
オセロのプログラム Javascipt シンプルオセロ コンピュータは何も考えません。おける場所に置いていきます。 数独解答作成プログラム <div class="board"></div> .board { display: grid; grid-template-columns: repeat(8, 50px); ...
JavaScript ４マス数独の問題をランダムに作成 ワードやエクセルに貼り付けできる Javascript
4マス数独 - 入門 9マス数独 - 標準 16マス数独 - 難関 ４マス数独のプログラム Javascipt 数独の解答となるパネル 一般的な9マス数独ではなく、簡単な4マス数独です。１～４の数値を割り当てます。 作成・更新をタップすれば何度でも表示されます。 選択、コピーをしてワードやエクセルに張り付けることができ...
JavaScript 難関１６マス数独の問題をランダムに作成 ワードやエクセルに貼り付けできる Javascript
4マス数独 - 入門 9マス数独 - 標準 16マス数独 - 難関 難関！ １６マス数独のプログラム Javascipt 数独の解答となるパネル 一般的な9マス数独ではなく、16マス数独です。１～１６の数値を割り当てます。 作成・更新をタップすれば何度でも表示されます。 選択、コピーをしてワードやエクセルに張り付けるこ...
JavaScript 数独の問題をランダムに作成 ワードやエクセルに貼り付けできる Javascript
4マス数独 - 入門 9マス数独 - 標準 16マス数独 - 難関 数独のプログラム Javascipt 数独の解答となるパネル 以下が数独の解答パネルとなります。作成・更新をタップすれば何度でも表示されます。 選択、コピーをしてワードやエクセルに張り付けることができ、いくつかのセルの数値を消せば数独としての問題を作成...
JavaScript 10連ガチャを作ろう! 第1回 設計 仕組みを考える 乱数とfor文をマスター シュレータ作りで学ぶプログラミング講座
第1回 設計〜仕組みを考える - 乱数とfor文をマスター 第2回 ★とキャラ番号を割り当てる - IF文をマスター 第3回 ★とキャラ名を表示する - 配列をマスター 本講座では10連ガチャシミュレータを作ることで、プログラミングの考え方を1から学びます。 必要なものはメモ帳(Windowボタン→Windowsアク...
JavaScript 10連ガチャを作ろう! 第3回 ★とキャラ名を表示する 配列をマスター シミュレータ作りで学ぶプログラミング講座
第1回 設計〜仕組みを考える - 乱数とfor文をマスター 第2回 ★とキャラ番号を割り当てる - IF文をマスター 第3回 ★とキャラ名を表示する - 配列をマスター 本講座では10連ガチャシミュレータを作ることで、プログラミングの考え方を1から学びます。 必要なものはメモ帳(Windowボタン→Windowsアク...
JavaScript 10連ガチャを作ろう! 第2回 ★とキャラ番号を割り当てる IF文をマスター シミュレータ作りで学ぶプログラミング講座
第1回 設計〜仕組みを考える - 乱数とfor文をマスター 第2回 ★とキャラ番号を割り当てる - IF文をマスター 第3回 ★とキャラ名を表示する - 配列をマスター 本講座では10連ガチャシミュレータを作ることで、プログラミングの考え方を1から学びます。 必要なものはメモ帳(Windowボタン→Windowsアク...
JavaScript マウスドラッグで距離を測定する JavaScriptの置き場所 addEventListenerの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 ドラッグすることでpx単位の距離を測定するJavaScriptのコード 次のように表示させます。スタート地点の左右問わず距離が計算されます。 ここに表示されます let startX; let startY; let endX; l...
JavaScript カーソルの座標を表示する JavaScriptの置き場所 addEventListenerの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 マウスカーソルの座標を表示するJavaScriptのコード 次のように表示させます。ブラウザ表示画面左上から見た座標です。 X座標 ここに表示されます Y座標 ここに表示されます document.addEventListener(...
JavaScript ストップウォッチを作る JavaScriptの置き場所 の使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 ストップウォッチを作るためのJavaScriptのコード 以下のボタンを押してみてください。 スタート ストップ リセット 0.0 var intervalId; var elapsedTime = 0; function star...
JavaScript トランプから１枚をランダムで引く JavaScriptの置き場所 Math.randomの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 トランプから１枚をランダムで引くJavaScriptのコード 13×４枚のトランプのカードから１枚ランダムで引きます。カードを選ぶを押してみてください。 カードを選ぶ function drawCard() { var suits ...
JavaScript 1から１００までの乱数を発生させる JavaScriptの置き場所 Math.randomの使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 乱数を発生させるJavaScriptのコード 1～１００の中から乱数を発生させる 次のように表示させます。F5で更新しますと、数が変化するはずです。 ここに表示されます window.onload = function() { va...
JavaScript 今日の日付と曜日を表示する JavaScriptの置き場所 Date()の使い方
ここではのコードを紹介します。 詳しい説明はございません。コピペして使用してください。 今日の日付と曜日を表示するJavaScriptのコード 次のように表示させます。 ここに表示されます window.onload = function() { var today = new Date(); var date = t...