JavaScript

ファンクション(function)

税込み価格を計算する| Calculate the price including tax

HTML、Javascript <body>

<script>
var total = function(price){
var tax = 0.08;
return price + price * tax;
}
console.log('コーヒーメーカーの値段は'　+ total(8000) + '円（税込み）です。');
document.write('コーヒーメーカーの値段は'　+ total(8000) + '円（税込み）です。');
</script>
</body>

簡単な解説

著書ではdocument.writeは書かれていませんが、ここではブラウザに表示し、見やすくするため書いています。F12 →　consoleでも確認してみてください。

「8640」の部分が、totalファンクションが計算した結果です。| The "8640" part is the result calculated by the total function.

ファンクションとは、()内のパラメータを受け取り、何らかの加工をして、その結果を呼び出し元に返すものです。

functionの後ろの()内には、ファンクションを呼び出すときのパラメータを代入しておく変数名を入れます。ここではpriceとしており、ファンクションを呼び出すときに渡されたパラメータは、この変数priceに代入されます。このパラメータpriceはfunction()に続く｛～｝の中だけ有効な変数として機能します。| In () after function, enter the variable name to which the parameter when calling the function is assigned. Here, it is price, and the parameter passed when calling the function is assigned to this variable price. This parameter price functions as a valid variable only in {~} following function ().

HTMLに出力する| Output to HTML

HTML <section>
<p id="price"></p>
</section>

JavaScript var total = function(price){
var tax = 0.08;
return price + price * tax;
}
document.getElementById('price').textContent = 'コーヒーメーカーの値段は'　+ total(6000) + '円（税込み）です。';

この本を参考にして学び、完成させることができました。しかし、ここではプログラミング初心者の私が詳しく解説することは、おこがましく、難しく出来ません（ToT）
その点、この本では丁寧な解説が載っていますので、解説とともにコードを書き、完成させればより深く学ぶことができます(^.^)、実際、初心者の私でもわかりやすかったです。身に付け消えないスキルが3,000円弱ならコスパよく、買っておいてよかったと満足してます。

私は人から丁寧に教わりたい、という人にはこちらもどうぞ。

キャリアアップに必要なスキルを取得しよう。

オンラインで受講ができるスクールですので、全国どこからでも。

ぺージの先頭に戻る(Return to top of page)

プライバシーポリシー