前提・実現したいこと
HTMLでJavaScriptを実装していますが、
固定数×時間×人数=【答え】にしたい場合のコードを教えていただけませんか?
【どこまでは実装できた】
固定数×時間=【答え】は、実装できました。
【何ができないか】
固定数×時間×人数=【答え】
人数を加えたコードのアドバイスをいただきたいです。
<script type="text/javascript"> <!-- function keisan(){ // 設定開始 // 商品1 var price1 = document.form1.goods1.selectedIndex * 10800; // 単価を設定 var price101 = document.form1.goods101.selectedIndex * price1; // 単価を設定 document.form1.field1.value = price1 + price101; // 小計を表示 // 商品2 var price2 = document.form1.goods2.selectedIndex * 8640; // 単価を設定 document.form1.field2.value = price2; // 小計を表示 // 商品3 var price3 = document.form1.goods3.selectedIndex * 6480; // 単価を設定 document.form1.field3.value = price3; // 小計を表示 // 商品4 var price4 = document.form1.goods4.selectedIndex * 5980; // 単価を設定 document.form1.field4.value = price4; // 小計を表示 // 商品5 var price5 = document.form1.goods5.selectedIndex * 10000; // 単価を設定 document.form1.field5.value = price5; // 小計を表示 // 商品6 var price6 = document.form1.goods6.selectedIndex * 8000; // 単価を設定 document.form1.field6.value = price6; // 小計を表示 // 商品7 var price7 = document.form1.goods7.selectedIndex * 6000; // 単価を設定 document.form1.field7.value = price7; // 小計を表示 // 商品8 var price8 = document.form1.goods8.selectedIndex * 5000; // 単価を設定 document.form1.field8.value = price8; // 小計を表示 // 商品18 var price18 = document.form1.goods18.selectedIndex * 2000; // 単価を設定 document.form1.field18.value = price18; // 小計を表示 // 商品19 var price19 = document.form1.goods19.selectedIndex * 1000; // 単価を設定 document.form1.field19.value = price19; // 小計を表示 // 商品20 var price20 = document.form1.goods20.selectedIndex * 2000; // 単価を設定 document.form1.field20.value = price20; // 小計を表示 // 合計を計算 var total = price1 + price2 + price3 + price4 + price5 + price6 + price7 + price8 + price18 + price19 + price20; // 設定終了 document.form1.field_total.value = total; // 合計を表示 } // --> </script> <form action="#" name="form1"> <table> <tr> <th>コース</th> <th>単価</th> <th>時間</th> <th>人数</th> <th>金額</th> </tr> <tr> <td>商品1</td> <td align="right">10,800円</td> <td><select name="goods1" onChange="keisan()"> <option>0</option> <option>2</option> <option>2.5</option> <option>3</option> <option>3.5</option> <option>4</option> <option>4.5</option> <option>5</option> <option>5.5</option> <option>6</option> <option>6.5</option> <option>7</option> <option>7.5</option> <option>8</option> <option>8.5</option> <option>9</option> <option>9.5</option> <option>10</option> </select>時間</td> <td> <select name="goods101" onChange="keisan()"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> <option>13</option> <option>14</option> <option>15</option> <option>16</option> <option>17</option> <option>18</option> <option>19</option> <option>20</option> </select>名</td> <td><input type="text" name="field1" size="8" value="0"> 円</td> </tr> <tr> <td>商品2</td> <td align="right">8,640円</td> <td><select name="goods2" onChange="keisan()"> <option>0</option> <option>2</option> <option>2.5</option> <option>3</option> <option>3.5</option> <option>4</option> <option>4.5</option> <option>5</option> <option>5.5</option> <option>6</option> <option>6.5</option> <option>7</option> <option>7.5</option> <option>8</option> <option>8.5</option> <option>9</option> <option>9.5</option> <option>10</option> </select>時間</td> <td><input type="text" name="field2" size="8" value="0"> 円</td> </tr> <tr> <td>商品3</td> <td align="right">6,480円</td> <td><select name="goods3" onChange="keisan()"> <option>0</option> <option>2</option> <option>2.5</option> <option>3</option> <option>3.5</option> <option>4</option> <option>4.5</option> <option>5</option> <option>5.5</option> <option>6</option> <option>6.5</option> <option>7</option> <option>7.5</option> <option>8</option> <option>8.5</option> <option>9</option> <option>9.5</option> <option>10</option> </select>時間</td> <td><input type="text" name="field3" size="8" value="0"> 円</td> </tr> <tr> <td>商品4</td> <td align="right">4,980円</td> <td><select name="goods4" onChange="keisan()"> <option>0</option> <option>2</option> <option>2.5</option> <option>3</option> <option>3.5</option> <option>4</option> <option>4.5</option> <option>5</option> <option>5.5</option> <option>6</option> <option>6.5</option> <option>7</option> <option>7.5</option> <option>8</option> <option>8.5</option> <option>9</option> <option>9.5</option> <option>10</option> </select>時間</td> <td><input type="text" name="field4" size="8" value="0"> 円</td> </tr> <tr> <td>商品5</td> <td align="right">10,000円</td> <td><select name="goods5" onChange="keisan()"> <option>0</option> <option>0.5</option> <option>1</option> <option>1.5</option> <option>2</option> <option>2.5</option> <option>3</option> <option>3.5</option> <option>4</option> <option>4.5</option> <option>5</option> <option>5.5</option> <option>6</option> <option>6.5</option> <option>7</option> <option>7.5</option> <option>8</option> <option>8.5</option> <option>9</option> <option>9.5</option> <option>10</option> </select>時間</td> <td><input type="text" name="field5" size="8" value="0"> 円</td> </tr> <tr> <td>商品6</td> <td align="right">8,000円</td> <td><select name="goods6" onChange="keisan()"> <option>0</option> <option>0.5</option> <option>1</option> <option>1.5</option> <option>2</option> <option>2.5</option> <option>3</option> <option>3.5</option> <option>4</option> <option>4.5</option> <option>5</option> <option>5.5</option> <option>6</option> <option>6.5</option> <option>7</option> <option>7.5</option> <option>8</option> <option>8.5</option> <option>9</option> <option>9.5</option> <option>10</option> </select>時間</td> <td><input type="text" name="field6" size="8" value="0"> 円</td> </tr> <tr> <td>商品7</td> <td align="right">6,000円</td> <td><select name="goods7" onChange="keisan()"> <option>0</option> <option>0.5</option> <option>1</option> <option>1.5</option> <option>2</option> <option>2.5</option> <option>3</option> <option>3.5</option> <option>4</option> <option>4.5</option> <option>5</option> <option>5.5</option> <option>6</option> <option>6.5</option> <option>7</option> <option>7.5</option> <option>8</option> <option>8.5</option> <option>9</option> <option>9.5</option> <option>10</option> </select>時間</td> <td><input type="text" name="field7" size="8" value="0"> 円</td> </tr> <tr> <td>商品8</td> <td align="right">5,000円</td> <td><select name="goods8" onChange="keisan()"> <option>0</option> <option>0.5</option> <option>1</option> <option>1.5</option> <option>2</option> <option>2.5</option> <option>3</option> <option>3.5</option> <option>4</option> <option>4.5</option> <option>5</option> <option>5.5</option> <option>6</option> <option>6.5</option> <option>7</option> <option>7.5</option> <option>8</option> <option>8.5</option> <option>9</option> <option>9.5</option> <option>10</option> </select>時間</td> <td><input type="text" name="field8" size="8" value="0"> 円</td> </tr> <tr> <td>商品9</td> <td align="right">2,000円</td> <td><select name="goods18" onChange="keisan()"> <option>0</option> <option>1</option> </select></td> <td><input type="text" name="field18" size="8" value="0"> 円</td> </tr> <tr> <td>商品10</td> <td align="right">1,000円</td> <td><select name="goods19" onChange="keisan()"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> </select>名</td> <td><input type="text" name="field19" size="8" value="0"> 円</td> </tr> <tr> <td>商品11</td> <td align="right">2,000円</td> <td><select name="goods20" onChange="keisan()"> <option>0</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> </select>名</td> <td><input type="text" name="field20" size="8" value="0"> 円</td> </tr> <tr> <td align="right" colspan="3"><strong>合計</strong></td> <td><input type="text" name="field_total" size="8" value="0"> 円</td> </tr> </table> </form>
よろしくお願いいたします。
=の右辺は、なんですか?
ご連絡ありがとうございます。
固定数×時間×人数=答え
です。
現在、下記のコードにしています。
<script type="text/javascript">
<!--
function keisan(){
// 設定開始
// 商品1
var price1 = document.form1.goods1.selectedIndex * 10800; // 単価を設定
var price101 = document.form1.goods101.selectedIndex * price1; // 単価を設定
document.form1.field1.value = price1 + price101; // 小計を表示
// 商品2
var price2 = document.form1.goods2.selectedIndex * 8640; // 単価を設定
document.form1.field2.value = price2; // 小計を表示
// 商品3
var price3 = document.form1.goods3.selectedIndex * 6480; // 単価を設定
document.form1.field3.value = price3; // 小計を表示
// 商品4
var price4 = document.form1.goods4.selectedIndex * 5980; // 単価を設定
document.form1.field4.value = price4; // 小計を表示
// 商品5
var price5 = document.form1.goods5.selectedIndex * 10000; // 単価を設定
document.form1.field5.value = price5; // 小計を表示
// 商品6
var price6 = document.form1.goods6.selectedIndex * 8000; // 単価を設定
document.form1.field6.value = price6; // 小計を表示
// 商品7
var price7 = document.form1.goods7.selectedIndex * 6000; // 単価を設定
document.form1.field7.value = price7; // 小計を表示
// 商品8
var price8 = document.form1.goods8.selectedIndex * 5000; // 単価を設定
document.form1.field8.value = price8; // 小計を表示
// 商品18
var price18 = document.form1.goods18.selectedIndex * 2000; // 単価を設定
document.form1.field18.value = price18; // 小計を表示
// 商品19
var price19 = document.form1.goods19.selectedIndex * 1000; // 単価を設定
document.form1.field19.value = price19; // 小計を表示
// 商品20
var price20 = document.form1.goods20.selectedIndex * 2000; // 単価を設定
document.form1.field20.value = price20; // 小計を表示
// 合計を計算
var total = price1 + price2 + price3 + price4 + price5 + price6 + price7 + price8 + price18 + price19 + price20;
// 設定終了
document.form1.field_total.value = total; // 合計を表示
}
// -->
</script>
<form action="#" name="form1">
<table>
<tr>
<th>コース</th>
<th>単価</th>
<th>時間</th>
<th>人数</th>
<th>金額</th>
</tr>
<tr>
<td>商品1</td>
<td align="right">10,800円</td>
<td><select name="goods1" onChange="keisan()">
<option>0</option>
<option>2</option>
<option>2.5</option>
<option>3</option>
<option>3.5</option>
<option>4</option>
<option>4.5</option>
<option>5</option>
<option>5.5</option>
<option>6</option>
<option>6.5</option>
<option>7</option>
<option>7.5</option>
<option>8</option>
<option>8.5</option>
<option>9</option>
<option>9.5</option>
<option>10</option>
</select>時間</td>
<td>
<select name="goods101" onChange="keisan()">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
</select>名</td>
<td><input type="text" name="field1" size="8" value="0"> 円</td>
</tr>
<tr>
<td>商品2</td>
<td align="right">8,640円</td>
<td><select name="goods2" onChange="keisan()">
<option>0</option>
<option>2</option>
<option>2.5</option>
<option>3</option>
<option>3.5</option>
<option>4</option>
<option>4.5</option>
<option>5</option>
<option>5.5</option>
<option>6</option>
<option>6.5</option>
<option>7</option>
<option>7.5</option>
<option>8</option>
<option>8.5</option>
<option>9</option>
<option>9.5</option>
<option>10</option>
</select>時間</td>
<td><input type="text" name="field2" size="8" value="0"> 円</td>
</tr>
<tr>
<td>商品3</td>
<td align="right">6,480円</td>
<td><select name="goods3" onChange="keisan()">
<option>0</option>
<option>2</option>
<option>2.5</option>
<option>3</option>
<option>3.5</option>
<option>4</option>
<option>4.5</option>
<option>5</option>
<option>5.5</option>
<option>6</option>
<option>6.5</option>
<option>7</option>
<option>7.5</option>
<option>8</option>
<option>8.5</option>
<option>9</option>
<option>9.5</option>
<option>10</option>
</select>時間</td>
<td><input type="text" name="field3" size="8" value="0"> 円</td>
</tr>
<tr>
<td>商品4</td>
<td align="right">4,980円</td>
<td><select name="goods4" onChange="keisan()">
<option>0</option>
<option>2</option>
<option>2.5</option>
<option>3</option>
<option>3.5</option>
<option>4</option>
<option>4.5</option>
<option>5</option>
<option>5.5</option>
<option>6</option>
<option>6.5</option>
<option>7</option>
<option>7.5</option>
<option>8</option>
<option>8.5</option>
<option>9</option>
<option>9.5</option>
<option>10</option>
</select>時間</td>
<td><input type="text" name="field4" size="8" value="0"> 円</td>
</tr>
<tr>
<td>商品5</td>
<td align="right">10,000円</td>
<td><select name="goods5" onChange="keisan()">
<option>0</option>
<option>0.5</option>
<option>1</option>
<option>1.5</option>
<option>2</option>
<option>2.5</option>
<option>3</option>
<option>3.5</option>
<option>4</option>
<option>4.5</option>
<option>5</option>
<option>5.5</option>
<option>6</option>
<option>6.5</option>
<option>7</option>
<option>7.5</option>
<option>8</option>
<option>8.5</option>
<option>9</option>
<option>9.5</option>
<option>10</option>
</select>時間</td>
<td><input type="text" name="field5" size="8" value="0"> 円</td>
</tr>
<tr>
<td>商品6</td>
<td align="right">8,000円</td>
<td><select name="goods6" onChange="keisan()">
<option>0</option>
<option>0.5</option>
<option>1</option>
<option>1.5</option>
<option>2</option>
<option>2.5</option>
<option>3</option>
<option>3.5</option>
<option>4</option>
<option>4.5</option>
<option>5</option>
<option>5.5</option>
<option>6</option>
<option>6.5</option>
<option>7</option>
<option>7.5</option>
<option>8</option>
<option>8.5</option>
<option>9</option>
<option>9.5</option>
<option>10</option>
</select>時間</td>
<td><input type="text" name="field6" size="8" value="0"> 円</td>
</tr>
<tr>
<td>商品7</td>
<td align="right">6,000円</td>
<td><select name="goods7" onChange="keisan()">
<option>0</option>
<option>0.5</option>
<option>1</option>
<option>1.5</option>
<option>2</option>
<option>2.5</option>
<option>3</option>
<option>3.5</option>
<option>4</option>
<option>4.5</option>
<option>5</option>
<option>5.5</option>
<option>6</option>
<option>6.5</option>
<option>7</option>
<option>7.5</option>
<option>8</option>
<option>8.5</option>
<option>9</option>
<option>9.5</option>
<option>10</option>
</select>時間</td>
<td><input type="text" name="field7" size="8" value="0"> 円</td>
</tr>
<tr>
<td>商品8</td>
<td align="right">5,000円</td>
<td><select name="goods8" onChange="keisan()">
<option>0</option>
<option>0.5</option>
<option>1</option>
<option>1.5</option>
<option>2</option>
<option>2.5</option>
<option>3</option>
<option>3.5</option>
<option>4</option>
<option>4.5</option>
<option>5</option>
<option>5.5</option>
<option>6</option>
<option>6.5</option>
<option>7</option>
<option>7.5</option>
<option>8</option>
<option>8.5</option>
<option>9</option>
<option>9.5</option>
<option>10</option>
</select>時間</td>
<td><input type="text" name="field8" size="8" value="0"> 円</td>
</tr>
<tr>
<td>商品9</td>
<td align="right">2,000円</td>
<td><select name="goods18" onChange="keisan()">
<option>0</option>
<option>1</option>
</select></td>
<td><input type="text" name="field18" size="8" value="0"> 円</td>
</tr>
<tr>
<td>商品10</td>
<td align="right">1,000円</td>
<td><select name="goods19" onChange="keisan()">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>名</td>
<td><input type="text" name="field19" size="8" value="0"> 円</td>
</tr>
<tr>
<td>商品11</td>
<td align="right">2,000円</td>
<td><select name="goods20" onChange="keisan()">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</select>名</td>
<td><input type="text" name="field20" size="8" value="0"> 円</td>
</tr>
<tr>
<td align="right" colspan="3"><strong>合計</strong></td>
<td><input type="text" name="field_total" size="8" value="0"> 円</td>
</tr>
</table>
</form>
下記をうまく機能させたいのですが!
初めていじるので、また説明がへたくそでごめんなさい。
// 商品1
var price1 = document.form1.goods1.selectedIndex * 10800; // 単価を設定
var price101 = document.form1.goods101.selectedIndex * price1; // 単価を設定
document.form1.field1.value = price1 + price101; // 小計を表示
<tr>
<td>商品1</td>
<td align="right">10,800円</td>
<td><select name="goods1" onChange="keisan()">
<option>0</option>
<option>2</option>
<option>2.5</option>
<option>3</option>
<option>3.5</option>
<option>4</option>
<option>4.5</option>
<option>5</option>
<option>5.5</option>
<option>6</option>
<option>6.5</option>
<option>7</option>
<option>7.5</option>
<option>8</option>
<option>8.5</option>
<option>9</option>
<option>9.5</option>
<option>10</option>
</select>時間</td>
<td>
<select name="goods101" onChange="keisan()">
<option>0</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
</select>名</td>
<td><input type="text" name="field1" size="8" value="0"> 円</td>
</tr>
質問の文章を修正する前に、こちらに記載されている作成途中のコードを質問欄に記載してください。
記載する際はCode機能を使用してください。また、どこまでは実装できたが、何ができないかを詳細に記載してください。具体的に何ができないのか記載しないまま、やってくださいという丸投げの質問は印象が悪いです。
ちゃんと改行してください。。。
```ここに言語を入力
コード
```
自分の投稿した質問の見直しすらできない人がプログラミングの適性があるかは大変疑わしいです。
あなたの回答
tips
プレビュー