CSS recognizing Javascript variables within html, is it possible?

Question

CSS recognizing Javascript variables within html, is it possible?

Navigation

#1 by (6 votes)

3

For example, I have a script that takes the mouse coordinates:

 function posicaoMouse(ev){
        ev.preventDefault();
        var x = ev.clientX;
        var y = ev.clientY;
        console.log(x);
        console.log(y);
    }

And I would like the top and left to be defined by the x and y variables of the function posicaoMouse , is it possible? <span class="duvida" id="duvida2" style="position: absolute; top:'$x' left:'$y'"> teste </span>

javascript html5 css

asked by anonymous 20.10.2017 / 14:05

1 answer

Identify string between two known strings in a string Filling the bar?

score 6 · Accepted Answer

You can change the value of the element property by javascript:

let elem = documento.getElementById("duvida2");
function posicaoMouse(ev){
    ev.preventDefault();
    var x = ev.clientX;
    var y = ev.clientY;
    elem.style.top = x;
    elem.style.left = y;
    console.log(x);
    console.log(y);
}