js)チェックボックスのvalueに変数aの値を設定、取得したい

Question

前提・実現したいこと

javascriptで作成したチェックボックスのvalueに[let a=値]を設定したい
なおかつaだけでなく複数の変数を設定したいです
実現イメージ)
document.write('<input type= "checkbox" name="test" id="test" value="a,b,c,d" >' + a +b+c+d+ "<br>");

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

valueに変数のaを設定したい
実際のシステムでは乱数的に設定されたaの値を格納したい

該当のソースコード

<script>

let a=1;
document.write('<input type= "checkbox" name="test" id="test" value="a" >' + a + "<br>");

</script>
### 試したこと

色々調べましたが解決方法がわかりませんでした。

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

ここにより詳細な情報を記載してください。

Answer 1

とりあえずは、文字列内の a を変数の a にすればよいでしょう。

document.write('<input type= "checkbox" name="test" id="test"' +
    ' value="' + a + '" >' + a + "<br>");

• テンプレートリテラルを使うと少しすっきり書けます。

document.write('<input type= "checkbox" name="test" id="test"' +
    ` value="${a}" >${a}<br>`);

• a に < & " などが含まれる場合は適切にエスケープする必要があります。
• そもそも document.write() を使うのはやめましょう。

Comments

[退会済みユーザー]

ありがとうございました。