let targets = document.querySelectorAll(`input[type='checkbox'][name='fruits']`);
for (let e of targets) {
e.addEventListener(`change`, () => {
console.log(e.value, e.checked);
})
}
上記の文を見ました。
その中で ` これなんという名前ですか ?
何の為に使ってるかよくわかりません。
特に、
e.addEventListener(`change`これは、
e.addEventListener('change' これで、良いような気もする。
No.2ベストアンサー
- 回答日時:
こんにちは
「` 」はバッククォートです。(@キーの半角シフト部分にあると思います)
これで囲まれた部分は「テンプレートリテラル」と言われています。
通常は、可変部分を含む文字列等をテンプレートにしておいて、可変部分を変数を用いて代入してゆくような使い方が多いと思います。
https://developer.mozilla.org/ja/docs/Learn/Java …
https://developer.mozilla.org/ja/docs/Web/JavaSc …
可変部分が無い場合は、評価結果は元の文字列と同じになりますので、ご提示の例の場合はご指摘の通り 'change' としても変わりはありません。 (テンプレートにしている意味がない)
No.3
- 回答日時:
テンプレートリテラルといって面倒なエスケープや改行処理を勘弁にするために導入されています
https://developer.mozilla.org/ja/docs/Web/JavaSc …
> 'change' これで、良いような
あまり多様するのはよくないので、特に問題ない箇所ではシングルクォートで処理するほうがよいでしょう
No.1
- 回答日時:
バッククォートという記号です。
使い方としては、シングルクォートで囲んだ文字列の中に同じシングルクォートが含まれる場合、そこで終わりと勘違いされるのを防ぐために
シングルクォートを重ねる必要がありますが、見づらくなるため両端のシングルクォートをバッククォートに替えることで
文字列中のシングルクォートと重なることがなくなって見やすくなるというような場合ですから、
仰る通りこの例だとシングルクォートで良くバッククォートの必要はないように見えますね。
1行目の表記と統一性を持たせようとしたんじゃないでしょうかね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【jsp/Java】チェックボックス...
-
アンケートページでチェックボ...
-
チェックボタンの制御方法
-
checkboxにcheckedされない
-
チェックボックスのON/OFFでVal...
-
return trueとreturn falseの用...
-
特定<table>内の<td>の色を変える
-
value内に変数を入れたい
-
確認ダイアログの出し方(JavaS...
-
至急!GetElementById でtdの...
-
HTML中のTABLEのデータを抽出す...
-
ひ孫に当たるiframe から親ウイ...
-
XMLHttpRequestを利用してPHPへ...
-
innerHTML内では改行は禁止?
-
プルダウンで選択すると、DBの...
-
slickのレスポンシブ > center...
-
onchangeイベントを強制的に発...
-
全てのselect要素をデフォルト...
-
onClick="this.form.submit
-
フォームの値が0だったら空白...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックスのON/OFFでVal...
-
【jsp/Java】チェックボックス...
-
チェックボックスのON/OFFに応...
-
checkboxをクリックしてリロー...
-
チェックボックスの設定
-
チェックボックスで指定したも...
-
スクリプト内でチェックボック...
-
確認ページからフォームページ...
-
複数のチェックボックス項目が...
-
クリアボタンの動作について
-
フォームのチェックボックスの...
-
チェックボックスとラジオボタ...
-
javascriptでチェックボックス...
-
チェックボックスで合計値を計...
-
チェックボックスを利用した表...
-
checkboxの文字連結の方法を教...
-
JSP内で可変するチェックボック...
-
JavaScriptからの戻り値
-
一つのチェックボックスのON/OF...
-
背景色を変えて未入力チェック...
おすすめ情報