Switching “d” value in svg path using javascript?

Question

I'm trying to switch out the "d" value and replace it with a dynamically generated number, but I keep getting "unexpected number" as my output. Here's what I currently have:

<path id="pathA" d="M 0 0 l 0 255" stroke="none" stroke-width="0" fill="none"/>

<script>
var sink = document.getElementById("pathA");
sink.setAttribute("d", M 0 0 l 0 (round*25.5));
</script>

Answer 1

Your script as presented has two problems.

First, The second argument you're passing to the setAttribute is not correct. Try:

sink.setAttribute("d", "M 0 0 1 0 " + (round * 25.5));

Second, you don't provide a value for round at any point.