0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

javascriptによる価格フォームの記述から手数料と販売利益の算出方法その2

Last updated at Posted at 2021-07-03

前回のファイル作成、ファイルの読み込み、ブラウザのロード時に発火するイベントの記述から、本イベントである販売手数料、販売利益を計算し算出する方法を記述しました。

手順その1

価格の値を入手するために必要な要素を取得する

*必要な要素
・入力した金額の金額を入力する場所のidセレクタ
・販売手数料を表示する場所のidセレクタ
・販売利益を表示する場所のidセレクタ

image.png
取得したいidを探し出し...

image.png

document.getElementById("取得したいid");
によりidを取得できる。

手順その2

入力するたびにイベントを発火できるようにする

image.png

addEventListenerにinputを指定することで指定したセレクタに入力される度にイベント発火すようになる

手順その3

取得した価格のidから値を取り出す

image.png

.valueで
入力した価格のvalue属性(入力された値)を取得する

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?