JavaScript入門講座|計算をしてみよう

JavaScript

うさタブ
うさタブ

今回はJavaScriptで計算を勉強するッピ!

ユウキ
ユウキ

計算か~! 前回はたし算だけやったんだよな

うさタブ
うさタブ

たし算以外にも、引き算・わり算、四則演算ができるッピよ~

この記事で学べること
  • JavaScriptを使った、変数によるたし算・引き算
  • JavaScriptを使った、変数によるかけ算・わり算
  • わり算のあまりについて

JavaScriptで計算をしてみよう

必要なもの

メモ帳
  • メモ帳
  • パソコン
  • ネットを見るブラウザ

変数を使って、足し算をしてみよう

<!-- 見えない部分 -->
<html>
<head>

</head>
<!-- ↓ここから見える部分↓ -->
<body>

<!-- ↓この下に入力してね!↓ -->
<script>

</script>

</body>
</html>
うさタブ
うさタブ

まず【メモ帳】を開いて、

上の文をコピーするッピ!

ユウキ
ユウキ

オッケー!

うさタブ
うさタブ

<script></script>の間に、下のコードを書くッピネ~。

let a = 10;
let b = 2;
うさタブ
うさタブ

今回は、

a という変数を使うので覚えておいてね」という『 let a ;』という命令文と、

「a は 10 ですよ~」という『 a = 10; 』を合体させて、

let a = 10; 』と書くッピ! b も同様に書いていくッピよ~!

うさタブ
うさタブ

次に、

document.write(a + b);

と記入するッピ!

コードを書き終わったら保存して確認するッピ~!

<!-- 見えない部分 -->
<html>
<head>

</head>
<!-- ↓ここから見える部分↓ -->
<body>

<!-- ↓この下に入力してね!↓ -->
<script>

	let a = 10;
	let b = 2;
	document.write(a + b);

</script>

</body>
</html>
ユウキ
ユウキ

できた~!  a10b 2

10 + 2 = 12 であってるな!!

変数を使って、引き算をしてみよう

うさタブ
うさタブ

次は引き算をするッピネ!

うさタブ
うさタブ

先程の a+b の + を【 – 】に、

document.write(a - b);

と書き換えてみるッピ。

ユウキ
ユウキ

おおおっ!!

102 = 8 だから、こっちも合ってるな!

うさタブ
うさタブ

いい調子ッピ!

変数を使って、かけ算をしてみよう

うさタブ
うさタブ

次はかけ算をするッピ。

うさタブ
うさタブ

今度は a と b の間*を入力するッピよ!

document.write(a * b);

と入力するッピ!

ユウキ
ユウキ

こっちもかけ算できてる!

変数を使って、わり算をしてみよう

うさタブ
うさタブ

次はわり算をするッピ。

うさタブ
うさタブ

今度は a と b の間/を入力するッピよ!

document.write(a / b);

と入力するッピ!

ユウキ
ユウキ

わり算も完璧だな!

うさタブ
うさタブ

よくできてるッピ!

ユウキくん才能あるッピよ~

割り算の余りを出してみよう

うさタブ
うさタブ

最後は割り算の余りを出してみるッピ! これもめちゃくちゃ簡単ッピよ~!

let a = 9;
let b = 2;
document.write(a % b);

と入力してみるッピ!

ユウキ
ユウキ

おお! 9÷2=4 であまりの【】が出たんだな!

うさタブ
うさタブ

JavaScriptには他にも色んな機能があるッピね!

順次紹介していくッピから、楽しみにしているッピよ~

学習のポイント
  • 【 + 】【 – 】【 * 】【 / 】【%】の記号を用いることで計算ができる
  • 【 + 】でたし算
  • 【 – 】で引き算
  • 【 * 】でかけ算
  • 【 / 】でわり算
  • 【 % 】でわり算余り

がそれぞれ計算できます。

スポンサーリンク
スポンサーリンク
スポンサーリンク

どうしてもわからない、そんなときは?

ユウキ
ユウキ

うーん・・・

やっぱり、どうしてこーなるか良くワカンナイな~

説明を聞いたすぐはわかったつもりなんだけどさ

アイカ
アイカ

そうね・・・わたしも

すぐに復習できる環境じゃないから

宿題とか困っちゃうわ・・・

ユウキ
ユウキ

他に気軽に教えてくれる先生とかいるといいんだけどな~

うさタブ
うさタブ

フムフム!

そんなときは、プログラミング講座がオススメッピね~

アイカ
アイカ

そんなのあるのか?

ていうかドコいけばいいんだよ

うさタブ
うさタブ

それなら、やっぱり一番安心自宅でできる動画教材がよいッピ!

うさタブ
うさタブ
テレビCMでも話題の有名教材
Udemyとかどうッピか?

 

うさタブ
うさタブ
Udemyは、HTMLからJavaScript
人気の機械学習からUnityゲーム講座まで選び放題ッピ!

うさタブ
うさタブ

買い切り講座だから
いつでも勉強し放題、動画制作や難しいマーケティングなんかも勉強できるッピ~!

ユウキ
ユウキ

へえ~、こんなのがあるのか

うさタブ
うさタブ

ちびっこのみんなは、キュレオプログラミング教室がオススメッピ!

実際の教室で自分以外の同い年と一緒に勉強することで、自分も負けないゾ!と思えておサボりを防ぐことができるッピ!
さらに、クラスのみんなと差をつけてすごいプログラムが作れちゃうッピ

教室名 対象 学習言語 教室場所 無料体験・カウンセリング
Udemy 学生~社会人 Unity
HTML/CSS
JavaScript
MySQL
Python等
オンライン講座
コース買い切り
講座によってサンプル○
Unityゲーム講座アリ
 

「QUREOプログラミング教室」

小学2年生〜中学3年生 Scratch 全国各地
2500教室
無料体験◯
【LITALICOワンダー】 小学1年生〜高校生 Scratch
Unity C#
HTML / CSS
JavaScript
東京都,神奈川,埼玉県,千葉
オンライン
無料体験◯
3Dプリントなどの講座によっては別途料金

ユウキ
ユウキ

よーし、ちょっと体験だけでもやってみるか!

アイカ
アイカ

わたしもさっそくチェックしてみようかな♪

スポンサーリンク

どうしてもわからない、そんなときは?

ユウキ
ユウキ

うーん・・・

やっぱり、どうしてこーなるか良くワカンナイな~

説明を聞いたすぐはわかったつもりなんだけどさ

アイカ
アイカ

そうね・・・わたしも

すぐに復習できる環境じゃないから

宿題とか困っちゃうわ・・・

ユウキ
ユウキ

他に気軽に教えてくれる先生とかいるといいんだけどな~

うさタブ
うさタブ

フムフム!

そんなときは、プログラミング講座がオススメッピね~

アイカ
アイカ

そんなのあるのか?

ていうかドコいけばいいんだよ

うさタブ
うさタブ

それなら、やっぱり一番安心自宅でできる動画教材がよいッピ!

うさタブ
うさタブ
テレビCMでも話題の有名教材
Udemyとかどうッピか?

うさタブ
うさタブ
Udemyは、HTMLからJavaScript
人気の機械学習からUnityゲーム講座まで選び放題ッピ!

うさタブ
うさタブ

買い切り講座だから
いつでも勉強し放題、動画制作や難しいマーケティングなんかも勉強できるッピ~!

ユウキ
ユウキ

へえ~、こんなのがあるのか

うさタブ
うさタブ

ちびっこのみんな、キュレオプログラミング教室を受けて
自分以外の同い年と一緒に勉強することで、自分も負けないゾ!と思えて
おサボりを防ぐことができるッピ!
さらに、クラスのみんなと差をつけてすごいプログラムが作れちゃうッピ

先生やパパママにほめられて、学習効率が最高にグングン↑↑ッピよ~~♪

うさタブ
うさタブ

未来都市キュレオを舞台に、魅力的なキャラクターがたくさん登場する・ゲーム感覚で楽しく学べるプログラミング教室ッピ!

困ったことも先生に直接聞けるのが最高ッピ~!

うさタブ
うさタブ

全国2500教室もあるから、

きっとみんなの近くにも教室があるッピ。

公式サイト近くに教室があるかチェックしてみるとよいッピ!

ユウキ
ユウキ

なんだこれ! スゲーなっ

ゲームみたいにやってるうちに、自然と勉強できてるみたいな感じ?

アイカ
アイカ

そんなものがあるのねっ!

うさタブ
うさタブ

ロボットをプログラミングしてみるなら

LITALICOワンダーがオススメッピ!

JavaScriptも勉強できるッピよ~!

教室名 対象 学習言語 無料体験/教室場所
Udemy 学生~社会人 Unity
HTML/CSS
JavaScript
MySQL
Python等
オンライン講座
講座によってサンプル○
「QUREOプログラミング教室」
小学2年生〜中学3年生 Scratch 教室によって無料体験◯
全国各地の教室
【LITALICOワンダー】 小学1年生〜高校生 Scratch
Unity C#
HTML / CSS
JavaScript
無料体験◯
3Dプリントなどの講座によっては別途料金
東京周辺
オンライン

ユウキ
ユウキ

よーし、ちょっと体験だけでもやってみるか!

アイカ
アイカ

わたしもさっそくチェックしてみようかな♪

JavaScriptJS基礎プログラミング
学んで遊んでジャンケンポン!
タイトルとURLをコピーしました