teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

HTMLコードの追加

2020/05/04 09:58

投稿

helloinf
helloinf

スコア1

title CHANGED
File without changes
body CHANGED
@@ -36,8 +36,63 @@
36
36
  ```
37
37
 
38
38
  ### 該当のソースコード
39
+ ```HTML
40
+ <div class="lng__table">
41
+ <div class="tab"><!-- btn -->
42
+ <div class="general_btn tab_btn"><img src="./common/img/general.jpg"></div>
43
+ <div class="hinge_support_btn tab_btn"><img src="./common/img/hinge_support.jpg"></div>
44
+ <div class="start" id="proStart"></div>
45
+ </div>
46
+ <div class="data">
47
+ <div class="general date_cont">
48
+ <h3></h3>
49
+ <div class="number">
50
+ <p class="row_desc"></p>
51
+ <input id="full_length" class="row_value" type="number" name="" value="0" min="0">
52
+ <select id="full_length_unit">
53
+ <option value="m">m</option>
54
+ <option value="km">km</option>
55
+ <option class="cm">cm</option>
56
+ <option value="mm">mm</option>
57
+ </select>
58
+ </div>
59
+ </div>
60
+ <div class="hinge_support date_cont">
61
+ <h3></h3>
62
+ <div class="number">
63
+ <p class="row_desc"></p>
64
+ <input id="hs_num" class="row_value" type="number" name="" value="0" min="0">
65
+ </div>
66
+ <div class="parts" id="hinge_support_parts"></div>
67
+ </div>
68
+ </div><!-- date -->
69
+ </div><!-- lng_table -->
70
+ ```
71
+ ```JavaScripe
72
+ $(".hinge_support .number input").on('input', function(event) {
73
+ var codes = "";
74
+ for (var i=0; i < $(this).val(); i++) {
75
+ var code = '<div class="part part_'+ (i+1) +'">'
76
+ +'<p class="part_title">'+ (i+1) +'個目</p>'
77
+ +'<div class="position">'
78
+ +'<p class="row_desc">位置</p>'
79
+ +'<input id="hs_'+ (i+1) + '_posit" class="row_value" type="number" name="" id="" value="0" min="0">'
80
+ +'<select id="hs_'+ (i+1) + '_posit_unit">'
81
+ +'<option value="m">m</option>'
82
+ +'<option value="km">km</option>'
83
+ +'<option class="cm">cm</option>'
84
+ +'<option value="mm">mm</option>'
85
+ +'</select>'
86
+ +'</div>'
87
+ +'</div>';
88
+ codes = codes + code;
89
+ }
90
+ document.getElementById('hinge_support_parts').innerHTML = codes;
91
+ if ( $(this).val() == 0) {
92
+ document.getElementById('hinge_support_parts').innerHTML = " ";
93
+ }
94
+ });
39
95
 
40
- ```JavaScripe
41
96
  document.getElementById("proStart").onclick = function(){
42
97
  var full_length = unitChange($("#full_length").val(),$('#full_length_unit').val());
43
98
 

1

コードのソースの追加

2020/05/04 09:58

投稿

helloinf
helloinf

スコア1

title CHANGED
File without changes
body CHANGED
@@ -1,6 +1,4 @@
1
1
  ### 前提・実現したいこと
2
-
3
- ここに質問の内容を詳しく書いてください。
4
2
  JavaScriptで計算システムを作っています。
5
3
  ある機能の条件分岐を実装中に以下のエラーメッセージが発生しました。
6
4
 
@@ -40,15 +38,43 @@
40
38
  ### 該当のソースコード
41
39
 
42
40
  ```JavaScripe
41
+ document.getElementById("proStart").onclick = function(){
42
+ var full_length = unitChange($("#full_length").val(),$('#full_length_unit').val());
43
+
44
+ var hs = [];
45
+ hs[0] = $("#hs_num").val();
46
+ i = 1;
47
+ for (var j = 0; j < hs[0]; j++) {
48
+ hs[i] = {};
49
+ hs[i]["position"] = unitChange($("#hs_"+ i + "_posit").val(),$("#hs_"+ i + "_posit_unit").val());
50
+ i++;
51
+ }
52
+
43
- for (var i = 0; i < hs[0] ;i++) {
53
+    for (var i = 0; i < hs[0] ;i++) {
44
- var a = hs[i+1]["position"];
54
+     var a = hs[i+1]["position"];
45
- var b = full_length;
55
+     var b = full_length;
46
- console.log(a);
56
+     console.log(a);
47
- console.log(b);
57
+     console.log(b);
48
- console.log(a>b);
58
+     console.log(a>b);
49
- console.log(a<b);
59
+     console.log(a<b);
50
- console.log(a===b);
60
+     console.log(a===b);
51
- }
61
+    }
62
+   };
63
+
64
+ function unitChange(value,unit) {
65
+ if(unit == "km") {
66
+ value /= 1000;
67
+ } else if(unit == "cm") {
68
+ value *= 100;
69
+ } else if(unit == "mm") {
70
+ value *= 1000;
71
+ }
72
+ if(unit == "kN") {
73
+ value /= 1000;
74
+ }
75
+ return value;
76
+ }
77
+
52
78
  ```
53
79
 
54
80
  ### 試したこと