Chaining assignment problem

Question

1.00/5 (1 vote)

See more:

Hi,
I was working on a package using the language JavaScript.
And I met up with a problem.
How can I link assign a varible?
Like this:

<pre lang="Javascript">
 var a = document.querySelector("div#foo").style.width;//$("div#foo")
 var b= 12;
 a=b;//want the value of 'a' to be 'b' not a itself.

What I have tried:

I have tried the above code but the logic doesn't work.

Posted 23-Mar-24 14:07pm

Member 16228941

Add a Solution

Comments

Graeme_Grant 23-Mar-24 20:13pm

What does the browser Dev Tools console say?

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Graeme_Grant · Accepted Answer · 2024-03-23T14:46:00

1. You should not use var[^] normally, you should be using let[^] or const[^] instead.

2. For selecting elements by id, it is better to use getElementById()[^].

3. looking at the element style for the width will only return a width if you set the style, it will not return the actual width. For that you need to use a function - getBoundingClientRect()[^]

4. The width[^] property is a length[^]. Lengths require units to give a value meaning. using var b = 12; is an invalid length. See the length[^] for all of the valid units.

So, your final code should be:

JavaScript

const a = document.getElementById('foo');
const b = '12rem';
a.style.width = b;

Learn to use the tools available to you to debug your code. Debugging is an invaluable skill for writing code and fixing bugs. See this: Debug JavaScript | DevTools | Chrome for Developers[^] and this: The Firefox JavaScript Debugger — Firefox Source Docs documentation[^]

You need to take the time and learn the basics of the language. Mosh is a great trainer. Here is his YouTube series on Javascript: What is JavaScript? - YouTube[^].

Also, you need a good reference. Here is what I use: MDN Web Docs[^].

Lastly, learn to use Google Search[^]. It is a key research tool for programmers.