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