I'm getting value type error on my js script.

Question

I'm trying an animation using the element.style.left=pos+"%" but it's not working. Please what should I do?

Answer 1

Your image has id "cont" but you use "box" in your js ^^

Answer 2

Relative units (%) are perfectly valid for positions (left, top, right, bottom) values...
But positionning elements trough these properties requires a positioned element (with the css property 'position' as stated by luis calderón) but not necessarly 'absolute': any valid value appart 'static' (the default value for all elements). The main differences between 'absolute' and 'relative' position mode are:
+ 'absolute' doesn't keep the normal space needed by the element, while 'relative' keep it
+ 'absolute' coordinates (left, top, right, bottom) are relative to the whole document, while 'relative' coordinates are relative to the first positionned ancestor or to the whole document if none

Answer 3

Kk, thanks, I've tried most though

Answer 4

You may find answer in https://rollbar.com/blog/top-10-javascript-errors/

Answer 5

I positioned it well

Answer 6

The error is on the line:
element.style.left=pos+"%";

Answer 7

... and the error message is???

Answer 8

Value type error

Answer 9

You must provide more context if you hope for help ^^
Share a code playground project link with your whole script (html/css/js), so we could investigate further ;)

Answer 10

Kk
I'd have shared but for the files are on my pc
But I'll rewrite it.

Answer 11

You could copy-paste from your pc to the website version of code playground:
https://code.sololearn.com/

Answer 12

Ooh, thanks

Answer 13

https://code.sololearn.com/WlvItDzIT79w/?ref=app

Answer 14

https://code.sololearn.com/WlvItDzIT79w/?ref=app

Answer 15

I'm starting to feel the error is because the element is an image

Answer 16

I'm starting to feel the error is because the element is an image.
Just copied the major parts into the code bit.

Answer 17

The playground is giving the same error

Answer 18

The playground is giving the same error

Answer 19

I've corrected it, pls check

Answer 20

well, it's working fine now :)