-
JavaScriptを使用してテキストボックスでマウスカーソルを押した後、入力ヒントを失う(フォーカスを取得する)
以下が入力テキストであるとしましょう- <label for="name">StudentName:<input name="name" id="studentName" value="Enter your Name ????" class="guess"></label> マウスカーソルを押したときに入力ヒントを失うには、onFocusとonBlurの概念を使用します。 例 <!DOCTYPE html> <html lang=&qu
-
HTMLファイルがソースモジュールからJavaScript関数を見つけられないのはなぜですか?
これは、「export」ステートメントを使用していない場合に発生する可能性があります。スクリプトファイルにインポートされる関数の前に「エクスポート」を使用します。 JavaScriptファイルは次のとおりで、emo.jsという名前のファイルがあります。 demo.js console.log("function will import"); export function test(){ console.log("Imported!!!"); } 上記の関数をインポートする「index.html」ファイルは次のとおりで
-
JavaScriptを使用してオブジェクトのオブジェクトをオブジェクトの配列のオブジェクトに変換するにはどうすればよいですか?
オブジェクトのオブジェクトをオブジェクトの配列のオブジェクトに変換するには、map()とともにObject.fromEntries()の概念を使用します。 例 const studentDetails = { 'details1': {Name: "John", CountryName: "US"}, 'details2': {Name: "David", CountryName: "AUS"}, '
-
空のiframesrcはJavaScriptで有効ですか?
空のiframesrcの場合は、要素を使用して、空のsrcの場合は次のように設定します- <iframe src='about:blank'></iframe> 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0&qu
-
JavaScriptでfilter()を使用してオブジェクトを削除するにはどうすればよいですか?
たとえば、JavaScriptには次のオブジェクトがあります- ObjectValue =[ { "id": "101", "details": { Name:"John",subjectName:"JavaScript" }}, { "id": "102", "details": { Name:"David",subjectName:"MongoDB&q
-
JavaScriptでループして、null以外の値と空でない値をカウントします
以下が私たちの価値観だとしましょう- let subjectNames = ['JavaScript', 'Angular', 'AngularJS','Java']; 空でない値とnull以外の値をカウントするには、forEach()を使用します。構文は次のとおりです- yourArrayName.forEach(anyVariableName =>{ yourStatement1 . . .  
-
JavaScriptで新しいHTMLタグを削除して追加しますか?
新しいHTMLタグを削除および追加するには、hide()およびshow()の概念を使用します。 以下が私たちのボタンだとしましょう- <button type="submit" id="hide">Click Me To hide above content </button> <button type="submit" id="show">Click Me To show above content </button> ボタンクリックでタグを削除および追加するに
-
すべてのキーが同じ値にマップされるJavaScriptで辞書をインスタンス化するにはどうすればよいですか?
まず、キーを設定します- const name = ['Name1', 'Name2']; 次に、以下のコードのようにforループを使用して、キーを同じ値にマップします- 例 const name = ['Name1', 'Name2']; const keyValueObject = {}; for (const k of name){ keyValueObject[k] = 'John'; } console.log(keyValueObject); 上記のプログラムを実行するには
-
JavaScriptのUnorderedList(UL)に改行を追加するにはどうすればよいですか?
順序なしリストに改行を追加するには、document.querySelector()。append()を使用します。以下はコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document<
-
JavaScript配列から最初のBOTIDのみを取得するにはどうすればよいですか?
BOTIDと割り当てられたユーザーの名前のレコードがあるとしましょう- let objectArray = [ { BOTID: "56", Name: "John" }, { BOTID: "57", Name: "David" }, { BOTID: "58", Name: "Sam"}, { BOTID: "59", Name: "Mik
-
JavaScriptで10進数を10進数に四捨五入するにはどうすればよいですか?
10進数を10進数に四捨五入するには、JavaScriptでtoFixed(1)を使用します。構文は次のとおりです- var anyVaribleName=yourVariableName.toFixed(1) 以下が10進数だとしましょう- var decimalValue =200.432144444555; console.log("Actual value="+decimalValue) 10進数を丸めてみましょう。以下はコードです- 例 var decimalValue =200.432144444555; console.log("Actual v
-
JavaScriptで、特殊文字シーケンスを含む文字列をサブ文字列のペアに分離しますか?
特殊文字シーケンスを含む次の文字列があるとします- var fullName=" John <----> Smith "; 上記の文字列をサブ文字列に分割するには、regexを使用してからsplit()を使用します。構文は次のとおりです- var anyVariableName=(/\s*<---->\s*/g); var anyVariableName=yourVariableName.trim().split(yourVariableName); 以下は完全なJavaScriptコードです- 例 var fullName=" Joh
-
JavaScriptを使用して、文字列内の各文字の出現回数をカウントしますか?
配列を取得して各文字の頻度を格納します。類似の文字が見つかった場合は、1ずつ増やして、それ以外の場合は1をその配列に入れます。 次の文字列が私たちの文字列だとしましょう- var sentence = "My name is John Smith"; 以下は、発生をカウントするJavaScriptコードです- 例 var sentence = "My name is John Smith"; sentence=sentence.toLowerCase(); var noOfCountsOfEachCharacter = {}; var getChara
-
HTMLテーブルをJavaScriptの配列に変換しますか?
find()を使用してタグからデータを取得し、push()を使用してそのデータを配列に格納します。以下が私たちのテーブルだとしましょう- <table id="details"> <thead> <tr> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> <tr><td>John</td><td>23</td> <tr><td&g
-
JavaScriptのオブジェクトエントリからサブストリングを表示することは可能ですか?
はい、Object.fromEntries()をsubstr()と一緒に使用できます。 substr()の下で、部分文字列を開始するインデックスと長さを記述します。 例 const originalString = { "John 21 2010" :1010, "John 24 2012" :1011, "John 22 2014" :1012, "John 22 2016" :1013, } const re
-
JavaScriptで値が空かどうかを確認します
「」とNULLの条件を使用して、値が空かどうかを確認します。 uaserがテキストボックスの値を満たさない場合は常にメッセージをスローします。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document
-
複数の値を含む配列から同じ値を削除するJavaScript
次の配列が同様の値であるとしましょう- const listOfStudentName = ['John', 'Mike', 'John', 'Bob','Mike','Sam','Bob','John']; 配列から同様の値を削除するには、set()の概念を使用します。以下はコードです- 例 const listOfStudentName = ['John', 'Mike', 'John', 'Bob'
-
ボタンクリック時にJavaScriptでdivを非表示にする方法は?
次は私たちのdivだとしましょう- <div id="showOrHide"> Welcome in JavaScript </div> 以下は私たちのボタンです。クリックすると、上記のdivが非表示になります- <button onclick="showOrHideDiv()">Click The Button</button> JavaScriptでstyle.displayの概念を使用して、divを非表示にします。以下はコードです- 例 <!DOCTYPE html> <ht
-
JavaScriptを使用して文字列内の各単語の最初の文字を大文字にする方法は?
最初に、スペースに基づいて文字列をsplit()し、charAt()を使用して最初の文字を抽出する必要があります。抽出された文字にはtoUpperCase()を使用します。 例 function capitalizeTheFirstLetterOfEachWord(words) { var separateWord = words.toLowerCase().split(' '); for (var i = 0; i < separateWord.length; i++) { s
-
JavaScriptを使用して親要素のCSSプロパティを継承するにはどうすればよいですか?
classList.add()をappend()と一緒に使用できます。 document.createElement()を使用して新しいdivを作成すると、classList.add()がCSSクラスを追加します。(。classselector)。 例 <html lang="en> <head> <meta charset="UTF-8> <meta name="viewport" content="width=device-width, initialscale=1.0"> &l