条件の真偽結果を判定毎にカウント変数へ出力する方法

Question

前提・実現したいこと

クレジットカードの残高が
検証値とし、
total1、total2、total3の値は
購入したい商品の金額とします。

検証値に対し、上回った数値と
下回った数値で購入できる商品の場合、
購入できない商品の場合で処理を分けています。

Xの値(price)に対し、
price ＝ 13,000 (検証値)

I. 数値を超えないもの (sum_under)
II. 数値を超えたもの (sum_over)

※()内は変数名

３回の真偽判定し、
どちらの場合も値１を返します。

I.とII.でそれぞれ合計値を
変数宣言で計算する。

/* priceの値以下の合計 */
**sum_under = parseInt(a)+parseInt(b)+parseInt(c); **

/* priceの値以上の合計 */
**sum_OK = parseInt(aOK)+parseInt(bOK)+parseInt(cOK); **

それぞれParseIntで整数に直して合計する。

最終処理としては、
priceを下回った数値が出力された回数1をかける
priceを上回った数値が出力された回数1.5をかける

となるので以下の宣言を実行。

// priceの値以下および値以上の合計を２つのboxの計算式に代入 //

var boxA,boxB;

/* boxに入れる計算式 */

boxA = sum_under*1;
boxB = sum_over*1.5;

priceの値以下の場合は1を乗算。
priceの値以上の場合は1.5を乗算。

/* boxに入れた合計値を出力*/

** document.HIKAKU.boxA.value = boxA; **

** document.HIKAKU.boxB.value = boxB; **

※記述で抜かっていた、
document.HIKAKUの記述を加えたらboxに入れた合計値が
テーブル内に出力されました。

変数の宣言の多さが気になりますが、
実現したいことはこれで達成しました…

お手数おかけしてすみません。

該当のソースコード

 <form name="HIKAKU"> 
 <table border="1" style="width:100%;padding:10px;font-size:15px;text-align:center">
    <tr>
    <th>加算される前の値</th>
    <th>加算後の数値</th>
    <th>X以下の値の場合に1をCOUNT</th>
    <th>X以上の値の場合に1をCOUNT</th></tr>

  <!-- 加算される前の数値/加算数値/X以下の値/X以上の値 -->
    
    <tr><td align="center"><output type="number" name="total1" value=""></output></td>
    <td align="center"><output type="number" name="count1" value=""></output></td>
    <td align="center"><output type="number" name="count1_under" value=""></output></td>
    <td align="center"><output type="number" name="count1_over" value=""></output></td></tr>
    
    
    <tr><td align="center"><output type="number" name="total2" value=""></output></td>
    <td align="center"><output type="number" name="count2" value=""></output></td>
    <td align="center"><output type="number" name="count2_under" value=""></output></td>
    <td align="center"><output type="number" name="count2_over" value=""></output></td></tr>
     
     
    <tr><td align="center"><output type="number" name="total3" value=""></output></td>
    <td align="center"><output type="number" name="count3" value=""></output></td>
    <td align="center"><output type="number" name="count3_under" value=""></output></td>
    <td align="center"><output type="number" name="count3_over" value=""></output></td></tr></table> 
   
   
    <p align="center"><input type="button" value="比較する" onClick="PRICE_HIKAKU()" style="width:100%;padding:10px;font-size:20px;text-align:center"></p>
    
   
    <table border="1" style="width:100%;padding:10px;font-size:15px;text-align:center">
    <tr><th>X以下の回数をCOUNT</th>
        <th>X以上の回数をCOUNT</th></tr>
        
    <tr><td><output type="number" name="sum_under" value="" id="num1"></output></td>
        <td><output type="number" name="sum_OK" value="" id="num2"></output></td></tr></table>
    
     
    <table border="1" style="width:100%;padding:10px;font-size:15px;text-align:center">
    <tr><th>X以下の回数を代入(1を乗算)</th>
        <th>X以上の回数を代入 (1.5を乗算)</th></tr>
        
 
     <tr><td><output type="number" name="boxA" value=""></output></td>
        <td><output type="number" name="boxB" value=""></output></td></tr></table>   
   </form>

**・動作再現テストページ (2020年6月13日更新)**
****http://wwwc.pikara.ne.jp/atalanta-system/test/teratai_test.html**

以下はJavascriptの記述内容です。

// priceとの比較宣言 //

function PRICE_HIKAKU(){

var price,total1,total2,total3;

/* 加算されていく値の元になる変数*/

total1 =3000;
total2 =5000; 
total3 =12000; 

price = parseInt(document.HIKAKU.price.value); //プライス値 //
    
    
	if (price >= count1){
		
	a = "1";
	aOK = "0";
	
	document.HIKAKU.count1_under.value = a;
	document.HIKAKU.count1_over.value = aOK;
	
	}else if(price <= count1){
	
	a = "0";
	aOK = "1";		
	
	document.HIKAKU.count1_under.value = a;
	document.HIKAKU.count1_over.value = aOK;


}
    
	if (price >= count2){
		
	b = "1";
	bOK = "0";
	
	document.HIKAKU.count2_under.value = b;
	document.HIKAKU.count2_over.value = bOK;
        
	}else if(price <= count2){
	
	b = "0";
	bOK = "1";		
	
	document.HIKAKU.count2_under.value = b;
	document.HIKAKU.count2_over.value = bOK;
    
}

	if (price >= count3){
		
	c = "1";
	cOK ="0";
	
	document.HIKAKU.count3_under.value = c;
	document.HIKAKU.count3_over.value = cOK;
	
	
	}else if(price <= count3){
	
	c = "0";
	cOK = "1";		
	
	document.HIKAKU.count3_under.value = c;
	document.HIKAKU.count3_over.value = cOK;
}

    
    
// X以下の回数とX以上の回数 合計値を出力する定義　//
    
var sum_under,sum_OK;

    sum_under = parseInt(a)+parseInt(b)+parseInt(c);    /* priceの値以下の合計 */
    sum_OK = parseInt(aOK)+parseInt(bOK)+parseInt(cOK); /* priceの値以上の合計 */


/* 合計値を出力*/
    
document.HIKAKU.sum_under.value = sum_under;  
document.HIKAKU.sum_OK.value = sum_OK;   


// X以下のCOUNT数およびX以上のCOUNT数の合計値を計算式に代入 //    

var boxA,boxB;
    
boxA = parseInt(sum_under)*1;
boxB = parseInt(sum_OK)*1.5;

/* 合計値を出力*/
    
document.HIKAKU.boxA.value = boxA;  
document.HIKAKU.boxB.value = boxB;   

試したこと

処理としては実現したいことになりました。

total4,5,6というように
購入したい商品の処理が増えた場合は、
変数a,b,cに加えてd,e,fというように
追加で変数を記述してif文を追加する
必要があるのかなと思っています。

すごく長くなりそうなので
簡略化で書く方法などあるでしょうか。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[takasima20]

x が出てくる経緯を説明に追加するといいんじゃないかなあ。

[kei344]

（質問文は編集できます）質問文コードの最終行の次の行に「```」を入れればコードブロックになります。また、問題が再現するHTML/JavaScript全体を提示することを強くお勧めします。

[takasima20]

よくわかりませんが…　x を total1 なり total2 なりで割った結果を切り上げるなり切り下げるなりしちゃだめなのかな?

[atlana]

分かりづらくてすみません…。
シンプルにソースコードを書き直しました。

[kei344]

関数が切れています。また、「別の計算」が記載されていません。「document.HIKAKU」は提示のコードの中では定義されていないので、提示のコードだけではエラーになります。
最終的にどういう項目があって、何をどう計算したいかを提示いただけませんか？

[atlana]

何度も訂正してしまい、申し訳有りません。

別の計算式の開示と関数の定義を見直しして
改めて直しました。

処理としては出力したい数値が出力されるようになりましたが、
コードの書き方がすごく雑な感じがしておりまして、
簡略化できるでしょうか。

[kei344]

質問自体があまりに変わってしまい、現在の質問文を読むと「特に問題が無い」となっています。質問が「受付中」になっていますが、いったんご自身の回答をもって「解決済」にされてはいかがでしょうか。（質問後に自己解決することは良くあることです）

【質問をした後に自己解決してしまった --- ヘルプ｜teratail（テラテイル）】
https://teratail.com/help#resolve-myself
> 後から読む人のためにも、具体的な解決手順を記載してください。

[atlana]

承知いたしました。
折角、コメント頂いておりましたのに
自己解決してしまい、申し訳ありませんでした。

また機会がありましたら宜しくお願いいたします。

Answer 1

Xの値(price)に対し、
price ＝ 13,000 (検証値)

I. 数値を超えないもの (sum_under)
II. 数値を超えたもの (sum_over)

※()内は変数名

３回の真偽判定し、
どちらの場合も値１を返します。

I.とII.でそれぞれ合計値を
変数宣言で計算する。

/* priceの値以下の合計 */
sum_under = parseInt(a)+parseInt(b)+parseInt(c);

/* priceの値以上の合計 */
sum_OK = parseInt(aOK)+parseInt(bOK)+parseInt(cOK);

それぞれParseIntで整数に直して合計する。

最終処理としては、
priceを下回った数値が出力された回数1をかける
priceを上回った数値が出力された回数1.5をかける

となるので以下の宣言を実行。

// priceの値以下および値以上の合計を２つのboxの計算式に代入 //

var boxA,boxB;

/* boxに入れる計算式 */

boxA = sum_under1;
boxB = sum_over1.5;

priceの値以下の場合は1を乗算。 priceの値以上の場合は1.5を乗算。

/* boxに入れた合計値を出力*/

document.HIKAKU.boxA.value = boxA;

document.HIKAKU.boxB.value = boxB;