202203224[2日開発ログ]JavaScript

2681 ワード

学習の内容


▶既存サイト

▶ナイトボタンをクリックした場合

style.cssファイルの作成
style条件をコピーして貼り付けます.
.htmlファイルとhtmlの下に
link rel=「スタイルシート」href=「style.css」を貼り付けて、スタイルを一括変更します.
※(編集しやすい)※
昨日習ったボタン動作をif()ドアに入れ、ボタンで処理します.
if(条件='){}else{}
※無条件使用==3等号※
※使用スタイルに2つの条件がある場合
最後に!important;完了後は無条件が優先されます.※
☆★☆★☆
background-image:url()=urlの後ろの画像を背景に
background-size : cover ; = 背景のサイズに合わせて画像を調整
★☆★☆★

Boolean
trueとfalseの値しかありません.
Comparison Operator(比較演算子)
>, <=, <=, !==, ===(엄격하게 같다), ==(대충같다)를 쓴다.
じょうけんステートメント
()文がtrueまたはfalseの場合、対応する値が与えられます.
elseでは異なる値が与えられます.


Promptウィンドウを開き、input id値を入力します.
if()ゲートで定められた値であればalertゲートで「こんにちは^^」と表示されます.
そうでなければalertゲートで「誰?」と聞くとして指定します.

Array
いちいちvarを書かない――="
統一var―s=[",",",","]
かっこで囲んだ後、並べて使います.
ループ
for(;;)条件が満たされるまで{}文を使用して繰り返し実行されるコード
例えば、for(let i=0;i<2;i=i+1)
カッコ内の指示をi<2まで繰り返します.
let i=0なので0から.
i=i+1で、1を加えるごとに、2回の指示を繰り返し実行します.
※二人はパートナーで、一緒に使えばいいです.※
let topics = ['html', 'css', 'js', 'python'];
for(let i=0; i'+topics[i]+'<'/li>');}
このようにまず並べて、条件の下にi<テーマを書きます.lengthで書くと
トピックの配列数に基づいてlist文にロードします.

学習中の難点や未解決の問題


今はまだ元気がなくて、レイアウト、複文も講師と一緒にできますが、一人でやりたいなら、いったい何が正しいのか、forの条件はどうすればいいのか、なぜidをつけなければならないのか、この点はまだ疎かで、難しいです.

ソリューションの作成


復習やグーグル学習を通じて感覚を熟知していますが、やはり不安定な感じがします.

学習の心得.


とても面白かったですが、一方では難しくて疎遠でした.
わずか2週間で慣れないことを知っています.
だから挫折よりも講師が言うように、面白そうに考えてアプローチしたいし、勉強しすぎた感じよりも、楽しんだ感じでやりたい.
♡単独
https://youd0313.github.io/MOMO/s1.html
復習しながらパートナー墓のホームページを作りました.
画像urlの使い方がよくわかりません.
NAVERブログに全ての写真をアップしてURLを開きました.
パソコンには写真が全然見えません.
私は何も考えずにKakaoTalkで友達に送った.
そこで私はすべて見て、私は何を間違っているのかと思っています.
今日は授業が終わってから講師に聞きました.
NAVERは、NAVER以外は画像ファイルを送信しないという
そのため、コンピュータは画像を取得できません.
KakaoTalkで見たと言いました
画像ファイルの書き方をもう一度グーグルします.