Javascript/演算子

算術演算子
「+」:加算演算子 例) a+b  aにbを足す
「-」:減算演算子 例) a-b  aからbを引く
「*」:乗算演算子 例) a*b  aとbをかける
「/」:除算演算子 例) a/b  aをbで割る
「%」:剰余算演算子 例) a%b  aをBで割った余り
代入演算子
「=」:例) a=b  aにbを代入する
「+=」:例) a+=b  aにbを足して、aに代入する(a=a+b)
「-=」:例) a-=b  aからbを引いて、aに代入する(a=a-b)
「*=」:例) a*=b  aにbを掛けて、aに代入する(a=a*b)
「/=」:例) a/=b  aをbで割って、aに代入する(a=a/b)
「%=」:例) a%=b  aをbで割った余りを、aに代入する(a=a%b)
	
論理演算子
a && b: 左条件式と右条件式が共に真であれば真、それ以外は偽を返す。
a || b: 左条件式か右条件式のどちらかが真であれば真、それ以外は偽を返します。
a!: aの否定、偽の時に真を返し、真の時に偽を返す。
	
比較演算子
a == b: a と bが等しい
a === b: a と bが完全に等しい
a != b: a と bが等しくない
a > b: a が b より大きい
a >= b: a が b 以上
a < b: a が b より小さい
a <= b: a が b 以下 
	
sample1
商品①:\1000
商品②:\1500

商品①:---
商品②:---
合計:\---
sample1code
var s1Num = document.getElementById("s1Num");
s1Num.style.width = "50px";
var s2Num = document.getElementById("s2Num");
s2Num.style.width = "50px";
var hr = document.getElementById("hr");
var s3Span = document.getElementById("s3Span");
var s4Span = document.getElementById("s4Span");
var sum = document.getElementById("sum");
var s1Sum = 0;
var s2Sum = 0;
s1Num.addEventListener("change", function(){
  if(s1Num.value < 0){
  	s1Num.value = 0;
  }
  s3Span.innerText = s1Num.value;
  s1Sum = s1Num.value * 1000;
  sum.innerText = s1Sum + s2Sum;
});
s2Num.addEventListener("change", function(){
  s4Span.innerText = s2Num.value;
  s2Sum = s2Num.value * 1500;
  sum.innerText = s1Sum + s2Sum;
});