亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在特定棋盤位置添加棋子,使用 for 循環

在特定棋盤位置添加棋子,使用 for 循環

PHP
呼喚遠方 2022-01-24 09:32:25
我想在B4上添加棋子,棋子是PNG圖像的鏈接。該板是由 for 循環創建的 8x8,我相信我可以使用更高級的 for 循環技術,我是 PHP 的初學者。任何幫助表示贊賞<body>    <div class="board">        <?php $j=0; for($j=0; $j<4; $j++) :?>            <?php echo "<div class='row'>"; ?>                <?php $i=0; for($i = 0; $i < 4; $i++):?>                    <?php                    echo                    "                    <div class='white'></div>                    <div class='black'></div>                    ";                    ?>                <?php endfor; ?>            <?php echo "</div>"; ?>        <?php echo "<div class='row'>"; ?>            <?php $k=0; for($k = 0; $k < 4; $k++):?>                <?php                   echo                 "                <div class='black'></div>                <div class='white'></div>                ";                ?>            <?php endfor; ?>        <?php echo "</div>"; ?>        <?php endfor;?>    </div>    //link I will use to display chess piece    <img src='http://classes.codingbootcamp.cz/assets/classes/33/pieces/whites/king.png' alt=''></body>
查看完整描述

1 回答

?
哈士奇WWW

TA貢獻1799條經驗 獲得超6個贊

我知道你在這里做什么,為了讓白色和黑色方塊交替出現,但這確實讓你的下一份工作(計算出你當前輸出 HTML 的方塊)非常困難。


你最好做一個嵌套for循環,每個循環有 8 次迭代;外層用于行,內層用于每行中的正方形。


for對初學者來說,嵌套循環可能看起來更復雜,但實際上它更準確地表示了棋盤的樣子——一個 8x8 網格——這使得思考起來容易得多。


使用嵌套for循環的另一個很好的例子,這幾乎正是你應該在這里采用的方法,看看這個輸出 10x10 乘法平方的例子:https : //www.w3resource.com/php-exercises/php -for-loop-exercise-10.php


您可以使用模數 ( %) 運算符來決定將正方形設為黑色還是白色。


for ($i=0; $i<10; $i++) {

    echo $i % 2;

}

// Will output 01010101...

// ... so if 0 is white and 1 is black...

您必須將當前行和當前方塊的值相加,然后使用模運算符來區分每行上黑/白方塊的位置。


然后,為了對 B4 正方形做一些特別的事情,這只是一個簡單if表達式的例子:


if ($row == 2 && $square == 4) {

    // Output chess piece HTML

}

(在這種情況下,我假設您已經從 1 開始循環迭代,但在 PHP 和其他語言中更常見的是看到從 0 開始的循環,因為這就是數組結構的編號方式。當然,這里的 B 行,第二行,是第 2 行。)


正如我所看到的你正在學習,我沒有在這里為你拼出答案,但你和其他人應該會發現這很有幫助。


查看完整回答
反對 回復 2022-01-24
  • 1 回答
  • 0 關注
  • 215 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號