How do you add the CSS 'left' property in a JavaScript conditional statement? [duplicate]

Question

I'm trying to including a css "left" property to my javascript code such that if the left property in the css file matches the one in the javascript code, a certain action takes place. Any help will be appreciated. The HTML code is:

<!DOCTYPE HTML>
<html>
<head></head>
<body>

<button id = "myBtn">MyButton<button>

<p id= "demo"></p>

</body>
</html>

The CSS code is:

#myBtn {
   position: absolute;
   left: 100px;
}

The script code is:

<script>
if (document.getElementById("myBtn").style.left == "100px") {
   actionX //this is just an example
   }
document.getElementById("demo").innerHTML = actionX;
</script>

= is assignment, == tests for equality, === really tests for equality — Jaromanda X
– Jaromanda X, Commented Jul 9, 2015 at 2:45
Whoops, wrong duplicate. Here's a better match: stackoverflow.com/questions/4866229/… or stackoverflow.com/questions/13778439/… — cimmanon
– cimmanon, Commented Jul 9, 2015 at 2:53

Ryan · Accepted Answer · 2015-07-09 02:45:58Z

0

Well you're setting the property value with the = operator, you want to use the == operator. In some rare unusual cases which I can't seem to think of, you'd do an assignment in an if statement, but setting a property of an object will return a truthy value in JS, so the branch will always be reached.

if (document.getElementById("demo").style.left == "100px") {
    actionX (just an example) 
}

answered Jul 9, 2015 at 2:45

Ryan

14.7k9 gold badges68 silver badges104 bronze badges

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

Collectives™ on Stack Overflow

How do you add the CSS 'left' property in a JavaScript conditional statement? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related