javascript ダイアログボックスの表示に関して

プログラミング初心者です。

https://gyazo.com/e18ba87e44744500877f2d4169a02e96

上記の様なダイアログボックスを作りたいのですが、
以下の様にプログラミングを打ち込んでもconst taskの

{"[内容]":"机を片付ける、","[ジャンル]": "掃除"},

上記の一番外側の波括弧が取れないです。
この場合どのようにプログラミングすればよろしいでしょうか。
宜しくお願い致します。

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>JavaScript</title> </head> <body> <script>

const task=[
{"[内容]":"机を片付ける、","[ジャンル]": "掃除"},
{"[内容]":"牛乳を買う、","[ジャンル]": "買い物"},
{"[内容]":"散歩する、","[ジャンル]": "運動"},
]

const showAd = ()=>{
console.log('=====================');
console.log('現在持っているのタスク一覧');
console.log('=====================');
console.log(task[0]);
console.log(task[1]);
console.log(task[2]);

}

showAd();

var question = prompt("「確認,追加,削除,終了」の4つのいずれかを入力してください");

document.write();
var content = prompt("タスクを入力してください");
document.write();
var name = prompt("ジャンルを入力してください");
showAd();
console.log([内容]${content}[ジャンル]${name});

var name = alert("新しいをタスクを追加しました");

</script> </body> </html>

kei344

2020/05/27 13:25

（質問文は編集できます）質問文のコードはコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。また、teratailでは画像もアップできますので、ご自信で所持されている画像であればそちらを使用されてはいかがでしょうか。（画像として質問文に表示されますし）

m.ts10806

2020/05/27 19:25

「外側の波括弧を取る」とは具体的にどうなったらゴールなのでしょう。あと「オブジェクト」について理解された方が良いかとは思います。

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

回答1件

ベストアンサー

ちょっと仕様がよくわからないですが、やりたいのはこういうことでしょうか？

JavaScript
1const showAd = () => {
2    console.log('=====================');
3    console.log('現在持っているのタスク一覧');
4    console.log('=====================');
5    console.log("[内容]:" + task[0]["[内容]"] + "[ジャンル]:" + task[0]["[ジャンル]"]);
6    console.log("[内容]:" + task[1]["[内容]"] + "[ジャンル]:" + task[1]["[ジャンル]"]);
7    console.log("[内容]:" + task[2]["[内容]"] + "[ジャンル]:" + task[2]["[ジャンル]"]);
8}