JavaScript (Variables and Beyond)

Hi all, hope you are having a great day!

I am new to articulate but have a strong background in JavaScript and prefer to use it to simplify the chaos of a long list of triggers.

I would really appreciate it if someone could point me in the right direction regarding the following 2 points (I dont have a specific goal in mind, i just want to know how to achieve these)

1. I have a numeric entry and a reset button with the following javascript attached to the button click trigger.

var my_zero = 0; // a null variable
player = GetPlayer(''); // establish connection between sl and js
player.SetVar('num_input',my_zero); // tell sl to change the value of sl variable linked to numeric entry to zero

While this does what is advertised, when i double click on the numeric entry again, it recalls the last entered value and again switches from zero to the previously entered value -and i cant figure out why.

 

2. I understand connection between sl and js, getting vars and setting vars. Can we go beyond this and use javascript to change for example the size or position of a shape or even color?

I really appreciate your time fellas!