LC-500のプロフィール

@LC-500 LC-500
ありがとう数3
質問数0
回答数3
ベストアンサー数
2
ベストアンサー率
100%
お礼率
0%

  • 登録日2024/11/16
  • JS forループを用いずに列の表示制御

    JavaScript forループを用いずに列の表示制御 スキルアップのための問題を作りました。 チェックボックスと表があります。 次の仕様に基づいた処理を JavaScriptでできますか? できるだけ簡潔なコードの回答をお待ちします。 <仕様> ・初めはすべての列を表示にしておく ・チェックアウトしたら、その列を非表示にする ・チェックインしたら、再び表示させる ・jQuery等のプラグインは用いないこと ・「forループ」は用いないこと (ここがポイント) <HTML> <form> チェックアウトで列を非表示: <label><input name="check" type="checkbox">列1</label> <label><input name="check" type="checkbox">列2</label> <label><input name="check" type="checkbox">列3</label> <label><input name="check" type="checkbox">列4</label> <label><input name="check" type="checkbox">列5</label> </form> <table> <thead> <tr> <th></th> <th>列 1</th> <th>列 2</th> <th>列 3</th> <th>列 4</th> <th>列 5</th> </tr> </thead> <tbody> <tr> <th>行 1</th> <td>cell1-1</td> <td>cell1-2</td> <td>cell1-3</td> <td>cell1-4</td> <td>cell1-5</td> </tr> <tr> <th>行 2</th> <td>cell2-1</td> <td>cell2-2</td> <td>cell2-3</td> <td>cell2-4</td> <td>cell2-5</td> </tr> <tr> <th>行 3</th> <td>cell3-1</td> <td>cell3-2</td> <td>cell3-3</td> <td>cell3-4</td> <td>cell3-5</td> </tr> <tr> <th>行 4</th> <td>cell4-1</td> <td>cell4-2</td> <td>cell4-3</td> <td>cell4-4</td> <td>cell4-5</td> </tr> <tr> <th>行 5</th> <td>cell5-1</td> <td>cell5-2</td> <td>cell5-3</td> <td>cell5-4</td> <td>cell5-5</td> </tr> </tbody> </table>

  • LABELをもとにチェックボックスを作れますか?

    LABELをもとにチェックボックスを作れますか? CSSとJavaScriptのスキルアップのための問題を作りました。 <仕様> ・与えられたLABEL要素をもとにチェックボックスを作る ・チェックを入れたらコンソールログに「on」と出力 ・チェックを外したらコンソールログに「off」と出力 ・画像、リンクは用いないこと ・jQuery等のプラグインは用いないこと ・HTMLソースは次のとおり  <label class="mylabel">チェックボックス</label> できたらコードを教えてください。 スキルアップを望む方からの回答をお待ちしております。

  • JavaScript 表から倍率の自動計算

    JavaScript 表から倍率の自動計算 JavaScript スキルアップのための問題を作りました。 <仕様> ・jQuery等のプラグインは用いない ・表から「地球」の直径を取得する ・惑星それぞれの直径を取得して倍率を算出する ・「メモ」欄のSPAN要素に結果を出力する HTMLソースは以下のとおり <table id="table1"> <thead> <tr> <th>惑星の名</th> <th>直径 (km)</th> <th>メ モ</th> </tr> <thead> <tbody> <tr> <td>地球</td> <td>6,371 </td> <td>大きさ基準 1 とする</td> </tr> <tr> <td>木星</td> <td>69,911</td> <td>地球の<span></span>倍の大きさ</td> </tr> <tr> <td>土星</td> <td>58,232</td> <td>地球の<span></span>倍の大きさ</td> </tr> <tr> <td>天王星</td> <td>25,362</td> <td>地球の<span></span>倍の大きさ</td> </tr> <tr> <td>海王星</td> <td>24,622</td> <td>地球の<span></span>倍の大きさ</td> </tr> </tbody> </table> JavaScriptのコードができたら回答してください。 腕試しをしたい方、ポイ活の方、 スキルアップを望む方の回答をお待ちしています。