記号の表示　javascript

Question

### 前提・実現したいこと以下の図形を作成したい。また、別で簡単なコードがあれば知りたい。 suji×sujiの〇の行列に右端から✖を書く問題例： suji=5　のとき〇〇〇〇✖ 〇〇〇✖〇〇〇✖〇〇〇✖〇〇〇 ✖〇〇〇〇イメージとしては、・〇の直角二等辺三角形に✖を端に１つずつ足して、向きの違う直角二等辺三角形を足す。・行でsuji-1まで〇を足し、隣に✖を足し、sujiまで記号がなければ〇をsujiまで追加の2種類の実装をしてみたいと考えています。よろしくお願いいたします。 ### 発生している問題・エラーメッセージ ``` 〇〇〇〇✖〇〇〇〇✖〇〇〇〇✖〇〇〇〇✖〇〇〇〇 ✖〇〇〇〇 ``` 一番右端に余分な列があり削除できない。 ### 該当のソースコード ```javascript function draw(){ var suji = parseInt(document.getElementById('suji').value); var answer = ""; for(var i=1;i<=suji;i++){ for(var j=1; j<=suji; j++){ if (j<=suji-i) {answer = answer + "〇"; } } answer = answer + "✖"; for(var j=1; j<=suji; j++){ if (j=suji-i) {answer = answer + "〇"; } } answer = answer +"
"; } } document.getElementById("answer").innerHTML = answer; ``` ### 補足情報（FW/ツールのバージョンなど）ここにより詳細な情報を記載してください。

Accepted Answer

```javaScript
var answer = "";
var num = 5;
for(var i=0; i < num; i++){
    for(var j=0; j<num; j++){
        if(j + 1 == num - i) {
            answer += "●";
        } else {
            answer += "〇";
        }
    }
    answer += "
";
}

console.log(answer);
```

出力結果
```
〇〇〇〇●
〇〇〇●〇
〇〇●〇〇
〇●〇〇〇
●〇〇〇〇

```

num = 4にしたらこんなかんじ↓

```
〇〇〇●
〇〇●〇
〇●〇〇
●〇〇〇
```

Answer

### 三角形　＋　区切り　＋　三角形

4の時一辺が5になっちゃったけど調節したらなんとかなりそう（）

```javascript
var answer = "";
var num = 4;
for(var i=0; i <= num; i++){
    for(var j=0; j<num-i; j++){
        //左上半分の三角形分
        answer += "〇";
    }
    answer += "●";
    
    for(var k=num; k > num - i; k--){
        //右下半分の三角形分
        answer += "〇";
    }
    
    answer += "
";
}

console.log(answer);
```

出力結果

```
〇〇〇〇●
〇〇〇●〇
〇〇●〇〇
〇●〇〇〇
●〇〇〇〇
```

Answer

こんなのどうでしょ？ ```javascript function draw(num) { let result = document.getElementById('result'); let circle = '○'; let cross = 'X'; let row = []; for (let i = 0; i < num; i++) { let line = circle.repeat(num); line = line + cross + line; row.push(line.substr(i + 1, num)); } result.innerHTML = row.join('
'); } draw(8); ``` # 追記 ```javascript function draw(num) { let result = document.getElementById('result'); let circle = '○'; let cross = 'X'; let row = []; for (let i = num - 1; i > 0; i--) { row.push(circle.repeat(i)); } console.log(row.join(' ')); row.forEach(function (line, i) { row[i] = line + cross; }); row[row.length] = cross; console.log(row.join(' ')); row.forEach(function (line, i) { row[i] = (line + circle.repeat(num)).substr(0, num); }); console.log(row.join(' ')); } draw(8); ```

前提・実現したいこと

発生している問題・エラーメッセージ

該当のソースコード

補足情報（FW/ツールのバージョンなど）

追記

三角形 ＋ 区切り ＋ 三角形

関連した質問

三角形　＋　区切り　＋　三角形