[リストへもどる]
一括表示
タイトルJavaScript基礎講習4日目:html要素のクラス属性
記事No6566
投稿日: 2021/12/26(Sun) 21:09
投稿者TOMO
JSはさておき個人的にVSCodeが未使用でしたのでこれを機会にVSCodeを練習しようと思いました。
VSCodeのインストール - 他の拡張機能 一通り同じ拡張を検索して入れました。
その中の HTML Boilerplate v1.1.1
というのが、「HTML」と入力だけで、最低パターンを作ってくるヘルパーだと思いますが大変便利と思いました。

一点誤記を見つけました。
030のソース
https://searchman.info/course/js0/030s.html

order[0].innerHTML = '<select id="select0"><option>1<option></select>';
order[1].innerHTML = '<select id="select1"><option>1<option></select>';
は、
order[0].innerHTML = '<select id="select0"><option>1</option></select>';
order[1].innerHTML = '<select id="select1"><option>1</option></select>';

の誤記ですが、
Chrome - 検証から生成コードを確認すると、
きちんと正しく整形してくれている(?)ので、
VSCodeの方でタグ誤記修正してくれているのでしょうか?

タイトルRe: JavaScript基礎講習4日目:html要素のクラス属性
記事No6569
投稿日: 2021/12/26(Sun) 22:17
投稿者サーチマン佐藤
すみません!(汗

おっしゃる通りです。
ソースコードは修正しました。
ありがとうございました。
助かります。

VSCodeでなくて、ブラウザのほうで、
補完修正してくれているのだと思います。

タイトルRe^2: JavaScript基礎講習4日目:html要素のクラス属性
記事No6572
投稿日: 2021/12/27(Mon) 00:46
投稿者TOMO
多少の誤記も修正してしまうとは今の最新鋭ブラウザーは凄いですね。

タイトルRe^3: JavaScript基礎講習4日目:html要素のクラス属性
記事No6573
投稿日: 2021/12/27(Mon) 08:49
投稿者サーチマン佐藤
はい。わりと昔から、
ブラウザは、アバウトに読み取って表示してくれます。