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