記事一覧
勉強記録(2024/09/13)分割代入とブラケット記法
使用教材https://www.sbcr.jp/product/4815615758/ 職業訓練校で使用していたもの。 引き続きこちら。 勉強内容ブラケット記法での記述ミス 続き。 const lists = [ …
勉強記録(2024/09/10)ドット記法とブラケット記法
使用教材https://www.sbcr.jp/product/4815615758/ 職業訓練校で使用していたもの。 引き続きこちら。 勉強内容ドット記法とブラケット記法 使い分けについてもうちょい…
勉強記録(2024/09/09)空divと配列と繰り返し
使用教材https://www.sbcr.jp/product/4815615758/ 職業訓練校で使用していたもの。 引き続きこちら。 勉強内容論理演算子 コラムに書いてある論理演算子。 ふわっとし…
勉強記録(2024/09/07)チェックボックスとスクロール量で変化するバー
使用教材https://www.sbcr.jp/product/4815615758/ 職業訓練校で使用していたもの。 引き続きこちら。 勉強内容チェックボックス inputタグにdisabled属性を付けたら、…
勉強記録(2024/09/06)スプレッド演算子とサロゲートペア
使用教材https://www.sbcr.jp/product/4815615758/ 職業訓練校で使用していたもの。 引き続きこちら。 勉強内容スプレッド演算子 文字数カウント。絵文字など一部の文字…
勉強記録(2024/09/05)returnとopacity:0とvisibility:hidden
使用教材https://www.sbcr.jp/product/4815615758/ 職業訓練校で使用していたもの。 引き続きこちら。 勉強内容return 続き。の前にコラムの内容をちょっと確認。 retur…
勉強記録(2024/09/13)分割代入とブラケット記法
使用教材https://www.sbcr.jp/product/4815615758/
職業訓練校で使用していたもの。
引き続きこちら。
勉強内容ブラケット記法での記述ミス
続き。
const lists = [ { name: 'イチゴ', img: 'strawberry', price: 450, }, { n
勉強記録(2024/09/10)ドット記法とブラケット記法
使用教材https://www.sbcr.jp/product/4815615758/
職業訓練校で使用していたもの。
引き続きこちら。
勉強内容ドット記法とブラケット記法
使い分けについてもうちょい知りたかったので検索。
らしい。
どちらを使うにしても、一方で統一して記述すべきとのこと。
今まではドット記法を使ってたので、今回はブラケット記法で続けてみる。
組み込みオブジェクトとメソッ
勉強記録(2024/09/09)空divと配列と繰り返し
使用教材https://www.sbcr.jp/product/4815615758/
職業訓練校で使用していたもの。
引き続きこちら。
勉強内容論理演算子
コラムに書いてある論理演算子。
ふわっとしか触ってないので再確認。
(&&(AND検索)はともかく、||(OR検索)は忘れちゃいそう…。)
現在時刻で表示が変化するようにしてみると、
const now = new Date();if
勉強記録(2024/09/07)チェックボックスとスクロール量で変化するバー
使用教材https://www.sbcr.jp/product/4815615758/
職業訓練校で使用していたもの。
引き続きこちら。
勉強内容チェックボックス
inputタグにdisabled属性を付けたら、疑似クラス「:disabled」で無効時の状態を指定できる。
疑似クラスもいっぱいあるので、少しずつ覚えていこう。
クリック時にイベントを発生させる
イベントを'change'
勉強記録(2024/09/06)スプレッド演算子とサロゲートペア
使用教材https://www.sbcr.jp/product/4815615758/
職業訓練校で使用していたもの。
引き続きこちら。
勉強内容スプレッド演算子
文字数カウント。絵文字など一部の文字をlengthだけでカウントすると1文字でも2文字になるので、回避のためにスプレッド演算子という書き方を使うらしい。
こちらが分かりやすかった。
配列でない、とは
…の前に、途中出てきたf
勉強記録(2024/09/05)returnとopacity:0とvisibility:hidden
使用教材https://www.sbcr.jp/product/4815615758/
職業訓練校で使用していたもの。
引き続きこちら。
勉強内容return
続き。の前にコラムの内容をちょっと確認。
returnを使うことで、出た結果を保存できる、って感じかな?
const message = (name,weather) => { return `${name}さん、こんにちは!
勉強記録(2024/09/04)getElementsByNameとNodeList
使用教材職業訓練校で使用していたもの。
復習と、今なら別の発見もあるかもなので、しばらくこれを使う。
勉強内容getElementsByNameにつまづく
頭からさくさく。
chapter3のカラーピッカーで、input要素の特定方法としてname要素から特定する方法もあると先生が言ってたので、そちらでやってみる。と、ここでつまづいた。
// name属性が'colorPicker'の要素を