JavaScript

スポンサーリンク
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

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

4マス数独の問題をランダムに作成 ワードやエクセルに貼り付けできる Javascript

4マス数独 - 入門 9マス数独 - 標準 16マス数独 - 難関4マス数独のプログラム Javascipt数独の解答となるパネル一般的な9マス数独ではなく、簡単な4マス数独です。1~4の数値を割り当てます。作成・更新をタップすれば何度でも表示されます。選択、コピーをしてワードやエクセルに張り付けることができ、いくつか...
JavaScript

難関16マス数独の問題をランダムに作成 ワードやエクセルに貼り付けできる Javascript

4マス数独 - 入門 9マス数独 - 標準 16マス数独 - 難関難関! 16マス数独のプログラム Javascipt数独の解答となるパネル一般的な9マス数独ではなく、16マス数独です。1~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

トランプから1枚をランダムで引く JavaScriptの置き場所 Math.randomの使い方

ここではのコードを紹介します。詳しい説明はございません。コピペして使用してください。トランプから1枚をランダムで引くJavaScriptのコード13×4枚のトランプのカードから1枚ランダムで引きます。カードを選ぶを押してみてください。カードを選ぶfunction drawCard() { var suits = ; v...
JavaScript

1から100までの乱数を発生させる JavaScriptの置き場所 Math.randomの使い方

ここではのコードを紹介します。詳しい説明はございません。コピペして使用してください。乱数を発生させるJavaScriptのコード1~100の中から乱数を発生させる次のように表示させます。F5で更新しますと、数が変化するはずです。ここに表示されますwindow.onload = function() { var rand...