JavaScript

【JavaScript】簡単な計算してみる!足し算、引き算、掛け算、割り算【初級★】

JavaScriptを使用して足し算プログラムを作ってみたいと思います。

ブレインキャット

実行例も作っています!

実際動かしてみて、目標を目指してプログラミングしていきましょう!

四則演算について

ブレインキャット

参考までに基本的な知識としてJavaScriptには以下のような演算子が使用できます。

都度調べれば良いので、特に覚えておく必要はないです。

記号意味
+足し算
引き算
*掛け算
/割り算
%除算
**べき乗
ブレインキャット

では実際に作っていこう!

目標

ブレインキャット

下の入力ボックスに数値を入れて[足算します]をクリックしてみてください!

+ = 結果

HTMLとJavaScriptに分解していく!

HTML

ブレインキャット

入力ボックスとボタンを設置しています。

JavaScript

ブレインキャット

入力ボックスの値を取得して足して、テキストエリアに表示しています。

簡単でしょ?

メソッド意味
document.getElementById(ID)IDと一致する内容を取得する
メソッド意味
parseInt(文字)文字を数値に変換する
ABOUT ME
ブレインキャット
本ブログのサブ管理人 関西でIT企業で働いているIT社畜 ラーメンと野球が好き

COMMENT

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です