Uncaught SyntaxError: Unexpected identifier in html in javascript

Question

I was trying to determine the size of this rectangle by the user:

<svg width=parseFloat(Rectangle1.width) height=parseFloat(Rectangle1.height)>
  <rect width=parseInt(input1int) height=parseInt(input2int) style="fill:rgb(0,0,255);stroke-width:3;stroke:rgb(0,0,0)" />
</svg>

with this code:

class Rectangle{
  constructor(height, width){
    this.height = height;
    this.width = width;
    };
  function createRectangle(this.height,this.width){
    var input1 = document.getElementbyId("1stinput").value;
    var input2 = document.getElementbyId("#2ndinput").value;
    var input1int = parseFloat(input1);
    var input2int = parseFloat(input2);
    var Rectangle1 = new Rectangle(this.height=input1int, this.width=input2int);};
};

but I got a whole of five errors to me:

Uncaught SyntaxError: Unexpected identifier
index.html:25 Error: <svg> attribute width: Expected length, "parseFloat(Recta…".
index.html:25 Error: <svg> attribute height: Expected length, "parseFloat(Recta…".
index.html:26 Error: <rect> attribute width: Expected length, "parseInt(input1i…".
index.html:26 Error: <rect> attribute height: Expected length, "parseInt(input2i…".

I don't know what they mean,so I'm once again asking for your ~~financial~~ coding support.

You can't put javascript into any attribute except two

evolutionxbox
– evolutionxbox

2022-05-09 09:24:00 +00:00
Commented May 9, 2022 at 9:24 — evolutionxbox
– evolutionxbox, Commented May 9, 2022 at 9:24

Han Moe Htet · Accepted Answer · 2022-05-09 09:26:33Z

1

That is not valid html. If you want to set width of an element dynamically. You must set it in JavaScript. Like

document.querySelector("svg").setAttribute('width', parseFloat(Rectangle1.width))

answered May 9, 2022 at 9:26

Han Moe Htet

7431 gold badge6 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Uncaught SyntaxError: Unexpected identifier in html in javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related