проблемы с использованием append() в пределах forloop

Question

С помощью onclick = "throw()" в одной из моих кнопок и значения из тега select, я хочу, чтобы в div был создан кубик. пока у меня это есть.

function throw() { 
    var i = document.getElementById('quantity').value; 
    for (var b = 1; b <= i; b++) { 
     $("#dices").append("<canvas class="canvasstyle" id='dice"+b"' height='200' width='200'></canvas>"); 
    } 
} 

Я не могу получить (еще все еще пустые) кубики для появления. Он продолжает давать мне Uncaught SyntaxError: отсутствует) после списка аргументов, где-то внутри forloop. Любой, кто может увидеть проблему?

Answer 1

Хорошо, первая вещь, что вы пытаетесь использовать двойные кавычки внутри двойного цитируемого текста; вы должны использовать одинарные кавычки. И вам также не хватает знака «плюс», как сказал «Праздничная репа». Таким образом, линия должна быть

$("#dices").append("<canvas class='canvasstyle' id='dice" + b + "' height='200' width='200'></canvas>"); 

Answer 2

Вы пропускаете +.

id='dice"+b"' должен быть id='dice"+b+"'