JavaScript置き場所

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

今日の日付と曜日を表示する JavaScriptの置き場所 Date()の使い方

ここではのコードを紹介します。詳しい説明はございません。コピペして使用してください。今日の日付と曜日を表示するJavaScriptのコード次のように表示させます。ここに表示されますwindow.onload = function() { var today = new Date(); var date = today....