JavaScript マウスドラッグで距離を測定する JavaScriptの置き場所 addEventListenerの使い方
ここではのコードを紹介します。詳しい説明はございません。コピペして使用してください。ドラッグすることでpx単位の距離を測定するJavaScriptのコード次のように表示させます。スタート地点の左右問わず距離が計算されます。ここに表示されますlet startX;let startY;let endX;let endY;...
JavaScript置き場所
JavaScript 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...
JavaScript 今日の日付と曜日を表示する JavaScriptの置き場所 Date()の使い方
ここではのコードを紹介します。詳しい説明はございません。コピペして使用してください。今日の日付と曜日を表示するJavaScriptのコード次のように表示させます。ここに表示されますwindow.onload = function() { var today = new Date(); var date = today....