算法11 ◉‿◉ 如何输出黑白交替的国际象棋棋盘？

不二如是 · 发表于 2017-5-15 07:15:13

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

登录/注册后可看大图

按照提示，完成代码，秀秀你的编程能力！

不许看答案，否则打屁屁

程序分析：

用 i 控制行， j 来控制列，根据 i+j 的和的变化来控制输出黑方格，还是白方格。

源代码：

游客，如果您要查看本帖隐藏内容请回复

○面试题索引贴●

如果喜欢，请订阅

：

HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛

小人 · 发表于 2017-5-15 10:26:47

不二如是 · 发表于 2017-5-15 21:53:41

小人发表于 2017-5-15 10:26

小人兄弟，不秀一秀代码～

小人 · 发表于 2017-5-16 08:57:52

不二如是发表于 2017-5-15 21:53
小人兄弟，不秀一秀代码～

我本不才
print（“#0#0#0#0”）
print（“0#0#0#0#”）
print（“#0#0#0#0”）
print（“0#0#0#0#”）
print（“#0#0#0#0”）

哈哈哈

sunbocheng · 发表于 2017-8-22 16:01:49

dsa159245 · 发表于 2018-4-29 05:26:57

window.onload = function(){
var str ='';
var n=0;
for(var i = 0;i<10;i++){
alert('s');
i%2==0?n=0:n=1;
for(var j = 0; j < 10;j++){
if((j+n) %2 == 0){
str += '#';
}else{
str += "0";
}
}
str += '<br/>';
}
document.body.innerHTML = str;
};

复制代码

shishao723 · 发表于 2018-5-23 23:33:35

看看

大艾尔 · 发表于 2018-6-12 16:34:31

<!DOCTYPE html>
<html>
<head>
<title>棋盘</title>
</head>
<body>
</body>
<script type="text/javascript">
var body=document.getElementsByTagName('body')[0];
for(i=0;i<100;i++){
var div_parent=document.createElement('div');
div_parent.className='div';
body.appendChild(div_parent);
for(j=0;j<100;j++){
var div_child=document.createElement('div');
if(i%2){
if(j%2){
div_child.className='black';
}
else{
div_child.className='white';
}
}
else{
if(j%2){
div_child.className='white';
}
else{
div_child.className='black';
}
}
div_parent.appendChild(div_child);
}
}
</script>
<style>
* {margin:0 auto;padding:0;}
div.div {width:1000px;height:10px;}
div.black {width:10px;height:10px;background:black;float:left;}
div.white {width:10px;height:10px;background:white;float:left;}
</style>
</html>

复制代码

忆不俊源 · 发表于 2018-6-21 18:00:15

真的是踏上了一条好路吗

1173419450 · 发表于 2018-7-4 18:47:10

看看

waitforlove · 发表于 2018-9-22 17:42:38

<html>
<head>
<title>11</title>
<script type="text/javascript">
window.onload=function(){
for(var i=1;i<9;i++){
for(var j=1;j<9;j++){
if((i+j)%2==0){
document.write("#");}
else{document.write("O")}
document.write("&nbsp");}
document.write("<br>");}
}
</script>
</head>
<body>
</body>
</html>

复制代码

a211827754 · 发表于 2018-9-23 16:43:13

凌乱大帅比 · 发表于 2018-10-9 11:50:59

for(var j=0;j<10;j++){
if(j%2 == 0){
for(var i=1;i<=10;i++){
if(i%2 == 0){document.write('0')}else{document.write('#')};
}
document.write('</br>')
}else{
for(var i=1;i<=10;i++){
if(i%2 == 0){document.write('#')}else{document.write('0')};
}
document.write('</br>')
}
}

复制代码

没怎么懂意思，就先这样写吧

快乐小迷糊 · 发表于 2018-10-15 09:14:54

simble · 发表于 2018-10-24 15:36:39

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script>
for(var i=1;i<9;i++){
for(var j=1;j<9;j++){
if((i+j)%2==0){
document.write('0');
}else{
document.write('#');
}
}
document.write('<br/>');
}
</script>
</html>

Azathouth · 发表于 2018-11-5 17:26:03

看看

cupbbboom · 发表于 2018-12-26 11:37:08

<script>
function fF() {
var rowI = "#";
var c = 1;
while (true) {
for (var i = 1; i < 8; i ++){
if (rowI[0] == "#") {
//i 为偶, 即该行的奇位
if (i % 2 == 0) {
rowI += "#";
}else{
rowI += "O";
}
}
else {
if (i % 2 == 0) {
rowI += "O";
}else{
rowI += "#";
}
}
}
//给下一行第一个元素赋值
if (c == 8) {
break;
}
document.write(rowI + "<br/>");
c += 1;
if (c % 2 == 0) {
rowI = "O";
}
else {
rowI = "#";
}
}
}
fF();
</script>

复制代码

coisini · 发表于 2019-3-16 20:59:58

wangdxf · 发表于 2019-4-1 12:46:41

白无痕 · 发表于 2019-4-23 17:32:58

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>国际象棋棋盘</title>
<style>
.black {
padding: 20px;
background-color: black;
}
table {
border-collapse: collapse;
border: 1px solid;
}
</style>
</head>
<body>
<script>
var table = document.createElement("table");
document.body.appendChild(table);
for (var i=0 ; i<8 ; i++){
var tr = document.createElement("tr");
table.appendChild(tr);
for (var j=0 ; j<8 ; j++){
var td = document.createElement("td");
tr.appendChild(td);
if ((i+j)%2 == 0){
td.className = "black";
}
}
}
</script>
</body>
</html>

复制代码

账号		自动登录	找回密码
密码			立即注册

[每日一练] 算法11 ◉‿◉ 如何输出黑白交替的国际象棋棋盘？

马上注册，结交更多好友，享用更多功能^_^