http://w.atwiki.jp/ld-tool/ ld-tool @ ウィキ ja 2024-11-04T10:43:24+09:00 1730684604 https://w.atwiki.jp/ld-tool/pages/17.html #html2(){ <select id="prefecture"> <option value="">ランク <option value="mth">神話 <option value="leg">レジェンド <option value="rea">レア <option value="nom">ノーマル </select> <select id="city"> <option value="">選択してください</option> </select> } #javascript(){{ var array = new Array(); array[''] = new Array({cd:"0", label:"選択してください"}); array["mth"] = new Array( {cd:"1", label:"忍者"}, {cd:"2", label:"ブロッブ"}, {cd:"3", label:"パルス発生器"}, {cd:"4", label:"オークシャーマン"}, {cd:"5", label:"アイアンニャン"} ); array["leg"] = [ {cd:"1", label:"大阪市"}, {cd:"2", label:"堺市"}, {cd:"3", label:"東大阪市"}, {cd:"4", label:"枚方市"}, {cd:"5", label:"豊中市"} ]; array["rea"] = [ {cd:"1", label:"京都市"}, {cd:"2", label:"宇治市"}, {cd:"3", label:"亀岡市"}, {cd:"4", label:"舞鶴市"}, {cd:"5", label:"城陽市"} ]; array["nom"] = [ {cd:"1", label:"名古屋市"}, {cd:"2", label:"豊田市"}, {cd:"3", label:"一宮市"}, {cd:"4", label:"豊橋市"}, {cd:"5", label:"岡崎市"} ]; document.getElementById('prefecture').onchange = function(){ city = document.getElementById("city"); city.options.length = 0 var changedPref = prefecture.value; for (let i = 0; i < array[changedPref].length; i++) { var op = document.createElement("option"); value = array[changedPref][i] op.value = value.cd; op.text = value.label; city.appendChild(op); } } }} #html2(){ <form action="#"> <label for="lang">ユニット選択</label> <select name="languages" id="lang"> <optgroup label="first-choice"> <option value="select">Select a language</option> <option value="javascript">JavaScript</option> <option value="php">PHP</option> <option value="java">Java</option> <option value="golang">Golang</option> </optgroup> <optgroup label="second-choice"> <option value="python">Python</option> <option value="c#">C#</option> <option value="C++">C++</option> <option value="erlang">Erlang</option> </optgroup> </select> <input type="submit" value="決定" /> </form> } #javascript(){{ ここにjavascript }} #html2(){ <script src="total.js" defer></script> <table> <thead> <tr> <th>商品名</th> <th>単価</th> <th>数量</th> <th>合計</th> </tr> </thead> <tbody> <tr> <th>リンゴ</th> <td> <input type="number" id="tanka_001" name="tanka_001" readonly value="100">円 </td> <td> <input type="number" id="suryo_001" name="suryo_001" value="3" onchange="reCalc();">個 </td> <td> <input type="number" id="yokokei_001" name="yokokei_001" readonly value="0">円 </td> </tr> <tr> <th>バナナ</th> <td> <input type="number" id="tanka_002" name="tanka_002" readonly value="200">円 </td> <td> <input type="number" id="suryo_002" name="suryo_002" value="2" onchange="reCalc();">個 </td> <td> <input type="number" id="yokokei_002" name="yokokei_002" readonly value="0">円 </td> </tr> <tr> <th>パイナップル</th> <td> <input type="number" id="tanka_003" name="tanka_003" readonly value="300">円 </td> <td> <input type="number" id="suryo_003" name="suryo_003" value="1" onchange="reCalc();">個 </td> <td> <input type="number" id="yokokei_003" name="yokokei_003" readonly value="0">円 </td> </tr> </tbody> <tfoot> <tr> <th colspan="3">総合計</th> <td> <input type="number" id="total" name="total" readonly value="0">円 </td> </tr> </tfoot> </table> } #javascript(){{ // 指定したエレメント(input)が所属する行(tr)を取得 function gyo(obj) { return obj.parentElement.parentElement ; } // 指定したエレメント(input)と同じ行にある単価を取得 function tanka(obj) { return gyo(obj).querySelectorAll("input[id^=tanka]")[0].value ; } // 指定したエレメント(input)と同じ行にある数量を取得 function suryo(obj) { return gyo(obj).querySelectorAll("input[id^=suryo]")[0].value ; } // 指定したエレメント(input)の横計(単価×数量)を再計算してから取得 function yokokei(obj) { result = Number(tanka(obj)) * Number(suryo(obj)); gyo(obj).querySelectorAll("input[id^=yokokei]")[0].value = result ; return result ; } // 総合計を再計算 function tatekei() { prices = Array.from(document.querySelectorAll("input[id^=yokokei]")).map(element => Number(yokokei(element))) ; result = prices.reduce(function(sum,element){ return sum + element ; }); return result; } // 再計算 function reCalc() { document.getElementById("total").value = tatekei(); return; } }} #html2(){ ここにHTMLを記述 } #javascript(){{ ここにjavascript }} #html2(){ ここにHTMLを記述 } 2024-11-04T10:43:24+09:00 1730684604 https://w.atwiki.jp/ld-tool/pages/16.html <table style="color:rgb(0,0,0);"> <tbody> <tr> <td class="line-content"> </td> </tr> </tbody> </table> <table style="color:rgb(0,0,0);"> <tbody> <tr> <td class="line-content"></td> </tr> </tbody> </table> 2024-11-04T07:09:20+09:00 1730671760 https://w.atwiki.jp/ld-tool/pages/1.html このwikiは△△が提供する○○の非公式wikiです。 #javascript(){{ <script type="text/javascript" src="/common/dist/js/counter.js?t=742eb80fefd0af08310b408d4252ab72" defer></script> }} 2024-11-04T07:06:54+09:00 1730671614 https://w.atwiki.jp/ld-tool/pages/2.html **メニュー -[[トップページ]] -[[イベント一覧]] -[[よくある質問]] **コミュニティ -[[雑談・質問]] -[[フレンド交換]] **データベース -[[カード図鑑>図鑑]] --属性別&br()[[火>図鑑/火]] --コスト別&br()[[コスト1>図鑑/コスト1]] -[[スキル一覧]] **ストーリー・クエスト -[[第1章>クエスト/第1章]] **その他 **関連サイト &link_editmenu(text=ここを編集) 2024-11-04T06:49:51+09:00 1730670591 https://w.atwiki.jp/ld-tool/pages/3.html **更新履歴 #recent(20) &link_editmenu2(text=ここを編集) 2024-11-04T06:49:51+09:00 1730670591