-
色のランダムな16進コードを生成するJavaScript
JavaScriptを使用してランダムな色の16進コードを生成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <s
-
JavaScriptのインポートおよびエクスポートモジュール
JavaScriptを使用してモジュールをインポートおよびエクスポートするには、コードは次のとおりです- 注 −この例を実行するには、ローカルホストサーバーを実行する必要があります。 INDEX.html 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scal
-
アイコンを使用してJavaScriptでアニメーション効果を作成するにはどうすればよいですか?
アイコンを使用してアニメーション効果を作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style> #user { font-size: 60px; color:rgb(106, 33, 201); } body { font-family: "Segoe UI", T
-
JavaScriptでカウントダウンタイマーを作成するにはどうすればよいですか?
JavaScriptでカウントダウンタイマーを作成するためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verd
-
JavaScriptでタイピング効果を作成するにはどうすればよいですか?
JavaScriptでタイピング効果を作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style> body{ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } button{ padding:10px; &n
-
JavaScriptでリストアイテムを閉じる方法は?
JavaScriptでリストアイテムを閉じるためのコードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana,
-
JavaScriptとCSSを使用してドラッグ可能なHTML要素を作成するにはどうすればよいですか?
JavaScriptとCSSを使用してドラッグ可能なHTML要素を作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .dragDiv { position: absolute; &nb
-
JavaScriptでメディアクエリを使用する方法は?
JavaScriptでメディアクエリを使用するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana,
-
JavaScriptでシンタックスハイライトを作成して使用するにはどうすればよいですか?
構文highligherを作成して使用するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .colorLinks { color: rgb(131, 44, 212
-
JavaScriptの日付の設定メソッド
JavaScriptで設定された日付メソッドは-です。 メソッド 説明 setDate() 日を数値として設定する場合。 setFullYear()() 年を設定するため。 setHours()() 時間を設定します。 setMilliseconds() ミリ秒の設定用。 setMinutes() 議事録の設定用。 setMonth() 月の設定用。 setSeconds() 秒の設定用。 setTime() 時刻の設定用。 以下は、設定されたDateメソッドのコードです- 例 <!DOCT
-
JavaScript-変数でオブジェクトキーを設定します
オブジェクトキーを変数で設定するには、コードは次のとおりです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> &
-
JavaScriptのSort()メソッド
JavaScriptのsort()メソッドは、配列のソートに使用されます。並べ替えの順序は、アルファベット、数字、昇順、降順のいずれかです。 以下は、sort()メソッドのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&
-
JavaScriptソースプロパティ
JavaScriptのsourceプロパティは、特定のパターンが一致する正規表現テキストを返します。 以下は、ソースプロパティのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docum
-
JavaScriptスプレッド演算子
JavaScriptのスプレッド演算子を使用すると、配列を個々の配列要素に展開できます。スプレッド演算子を使用するには、3つのドット(…)の前に配列名を付ける必要があります。 以下は、JavaScriptスプレッド演算子のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, i
-
JavaScriptこの識別子
JavaScriptのthisキーワードは、それが属するオブジェクトを参照します。単独または関数内の場合は、グローバルオブジェクトを参照できます。メソッド内の場合は所有者オブジェクトを参照し、イベントリスナーでイベントを受信したHTML要素を参照します。 以下は、JavaScriptのこの識別子のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport&quo
-
JavaScriptENTERキーでボタンをトリガーします
ENTERキーでボタンをトリガーするには、コードは次のとおりです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>
-
JavaScriptの未定義のプロパティ
JavaScriptのundefinedプロパティは、変数がまだ宣言されているか、値が割り当てられているかを指定します。 以下は、JavaScriptの未定義プロパティのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /&g
-
JavaScript unescape()と例
JavaScriptのunescape()関数は、エンコードされた文字列をデコードするために使用されます。 JavaScriptバージョン1.5では非推奨です。 以下は、unescape()関数のコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=
-
JavaScript WeakSet
JavaScript WeakSetは、オブジェクトのコレクションを格納するために使用されます。セットのように、重複は保存されません。 WeakSetのメソッド- メソッド 説明 add(obj) weakSetに新しい値を追加します。 delete(obj) weakSetから値を削除します。 has(obj) weakSetオブジェクトに値が含まれているかどうかに応じて、trueまたはfalseを返します。 length() weakSetオブジェクトの長さを返します 以下はJavaScriptのWeakSetのコードです- 例
-
JavaScript番号の例
以下はJavaScriptの数字の例です- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> body