ピュアチャ〜ジ

広告代理店のディレクターを辞め、マレーシアに飛び立ちました。ふわふわ生活して、やっぱり収入を上げて豊かに人生にしたい!と思いプログラミング学習を始めました!フリーランスまでの道のりを描くブログです

【Webデザイン勉強12日目】〜Part2〜

こちらのWebサイトは移転しました。


[ピュアチャ〜ジ]

はいどうも!

 

本日も作業を行いました!

 

 

1枚目

functionにshowAdという名前を代入し、下のconsoleで同じ処理をするという記述です。

f:id:terushi-diary:20200108005326p:plain

表示

f:id:terushi-diary:20200108005333p:plain

 

2枚目

1枚目の処理の変化Verで、基本的には同じ処理を行うのですが一部(真ん中の文字)を変数にし、表示を変えたい時の記述です。

下のshowAdの中に変数として代入したい文字列を入れ、上部の定義の部分で渡される値を受け取るための変数(message)を記述します。

2行目は文字列を代入するためテンプレートリテラルとなっており、「'」→「`」となっているところも注意が必要です。

中央のshowAd()のように、定義していない場合、一番上部の'ad'表示される指示も学習しました。

f:id:terushi-diary:20200108005341p:plain

表示

f:id:terushi-diary:20200108005350p:plain

 

3枚目

function sumは足し算の指示です。

console.logで下の2行の合計を表示することができます。

f:id:terushi-diary:20200108005358p:plain

表示

f:id:terushi-diary:20200108005417p:plain

 

4枚目

functionの下の部分をreturnとすると、関数 (function)を式に代入して計算することができます。

f:id:terushi-diary:20200108010957p:plain

表示

f:id:terushi-diary:20200108011003p:plain




今日は、ここまで!