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には他にも色んな機能があるッピね!

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

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

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

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

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

ユウキ
ユウキ

うーん・・・

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

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

アイカ
アイカ

そうね・・・わたしも

先生やうさタブさんにすぐに聞ける環境じゃないから

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

ユウキ
ユウキ

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

うさタブ
うさタブ

フムフム!

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

アイカ
アイカ

そんなのあるのか?

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

うさタブ
うさタブ

それなら、やっぱり一番安心自宅近所の教室がよいッピ!

うさタブ
うさタブ
テレビや雑誌に紹介された超有名教室
QUREOプログラミング教室とかどうッピか?

うさタブ
うさタブ

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

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

うさタブ
うさタブ

全国2500教室もあるから、

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

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

ユウキ
ユウキ

なんだこれ! スゲーなっ

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

アイカ
アイカ

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

うさタブ
うさタブ
キュレオプログラミング教室は、
アメーバブログやアベマTV・バンドリをプロディースしている
サイバーエージェント」のグループ会社で、確かな実績があるッピ!

うさタブ
うさタブ

オンラインで授業を受けるなら

Tech Kids Online Coachingがオススメッピ!

こっちもサイバーエージェントのグループ会社が運営してるッピ!

教室名 対象 学習言語 教室場所 無料体験・カウンセリング
 

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

小学2年生〜中学3年生 Scratch
HTML/CSS
JavaScript
全国各地
教室
無料体験◯
 

Tech Kids Online Coaching

小学1年生〜中学3年生 Scratch
C++
Unity
渋谷
またはオンライン
無料体験◯
 

Udemy

社会人 HTML/CSS
JavaScript
Python
講座購入
ブラウザ
アプリ
サンプル等◯
うさタブ
うさタブ

パパやママ、お兄ちゃんお姉ちゃん
就活や転職で役立つプログラミング知識を身につけたいなら
Udemy】で講座のコースを買ってみるのもオススメッピ!

動画付きの魅力的な教材が格安で、好きな時間に学べるッピ~

うさタブ
うさタブ

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

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

ユウキ
ユウキ

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

アイカ
アイカ

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

スポンサーリンク

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

ユウキ
ユウキ

うーん・・・

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

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

アイカ
アイカ

そうね・・・わたしも

先生やうさタブさんにすぐに聞ける環境じゃないから

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

ユウキ
ユウキ

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

うさタブ
うさタブ

フムフム!

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

アイカ
アイカ

プログラミング教室??

アイカ
アイカ

そんなのあるのか?

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

うさタブ
うさタブ

プログラミング教室は、やっぱり安心の近所の教室ッピ!

うさタブ
うさタブ

テレビや雑誌に紹介された超有名教室

プログラミング教室数国内No.1!「QUREOプログラミング教室」
とかどうッピか?

うさタブ
うさタブ

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

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

うさタブ
うさタブ

全国2500教室もあるから、

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

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

ユウキ
ユウキ

なんだこれ! スゲーなっ

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

アイカ
アイカ

そんなものがあるのね

うさタブ
うさタブ
「QUREOプログラミング教室」は、
アメーバブログやアベマTV・バンドリをプロディースしている
サイバーエージェント」のグループ会社で、実績があるッピ!

うさタブ
うさタブ

オンラインで授業を受けるなら

Tech Kids Online Coachingがオススメッピ!

こっちもサイバーエージェントのグループ会社が運営してるッピ!

教室名 対象 学習言語 無料体験・カウンセリング
 

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

小学2年生〜中学3年生
教室で授業を受けたい方
Scratch
C++
JavaScript
無料体験◯
 

Tech Kids Online Coaching

小学生~中学生
オンライン授業を受けたい方
Unity
C++
Scratch
無料体験◯
Udemy
社会人
講座コースで勉強したい人向け
HTML/CSS
JavaScript
Python
サンプル等◯

うさタブ
うさタブ

パパやママ、お兄ちゃんお姉ちゃん
就活や転職で役立つプログラミング知識を身につけたいなら
Udemy】で講座のコースを買ってみるのもオススメッピ!

動画付きの魅力的な教材が格安で、好きな時間に学べるッピ~

うさタブ
うさタブ

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

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

ユウキ
ユウキ

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

アイカ
アイカ

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

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