colspanの中を可変にする方法

前提・実現したいこと

colspanの中身を可変にしたいですが、可変にできずおります。

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

<html>
<boby>

<div id="a"></div>

<script>

let data3 = '';
const items = ['HTML','JS', 'PHP', 'ruby'];
for (let i of items){
    console.log(i);
    data3 +=  '<td>' + i + '</td>';
}

const data1 = `<table border="1">
  <tr><td colspan="3">田中</td></tr><tr>`;

const data2 = '</tr></table>';

let num = items.length;

console.log(items.length);
console.log(data1);
console.log(data2);
console.log(data3);

let tbl = '<table border=1>';
tbl = data1 + data3 + data2 ;

  num.innerHTML=num;
  document.getElementById('a').innerHTML = tbl;
</script>

</boby>
</html>

const data1 = `<table border="1">

<tr><td colspan="3">田中</td></tr><tr>`;

試したこと

colspanの中を要素の数に可変をしたいと思っております。
方法わかりましたら教えて頂きたく存じます。

m.ts10806

2019/11/19 20:59

PHPはどのように関係するのでしょうか

ryo-suke

2019/11/27 12:50

ご質問頂きありがとうございます。　こちらの質問は解決いたしました　。よく見るとご質問頂いた通りでした。失礼いたしました。

m.ts10806

2019/11/27 13:16

どう解決したのかわからないのでガイドラインにそってきちんと解決としてください

行動規範の内容に同意します

回答1件

ベストアンサー

javascript
1const data1 = `<table border="1">
2  <tr><td colspan="${ items.length }">田中</td></tr><tr>`;

「colspanの中身を可変にしたい」という意味がいまいちつかめませんが、こういうことをしたい、ということでしょうか。
というか、これだと何を悩んでいるのかさっぱりわからないのですが。

投稿2019/11/19 15:24

2KOH

総合スコア999

2KOH

2019/11/19 15:25

それと、PHP のタグがついていますが、一体どこに PHP 要素があるのでしょうか？

ryo-suke

2019/11/19 15:28

回答誠にありがとうございます。頂いた通りでございます。

2KOH

2019/11/19 23:43

解決したなら、質問を解決済みにしておいてください。

kyoya0819

2019/11/20 02:08

直接的には関係ありませんが ${ items.length } は実行速度が遅いので推奨しません。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！