Не работает .style в JS

@Clementine_ · Регистрация: 14.12.2020

Author24 — интернет-сервис помощи студентам

Приветствую, уважаемые форумчане!

почему не работает:

Javascript

1	peremennaya.style.transform = 'translate(' + event.pageX + 'px,' + event.pageY + 'px)';

?

PHP/HTML

<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    body {
        position: relative;
        width: 1000px;
        height: 1000px;
    }
 
    .show-coordinate {
        position: fixed;
        top: 0;
        left: 0;
        transform: translate(170px, 316px);
    }
</style>
 
<body position='relative' width='500px' height='500px'>
    <div class="show-coordinate">123</div>
    <script>
 
        document.addEventListener('DOMContentLoaded', function () {
            const peremennaya = document.querySelector('.show-coordinate');
            document.addEventListener('mousemove', function (event) {
                peremennaya.innerHTML = event.pageX + ':' + event.pageY;
                peremennaya.style.transform = 'translate(' + event.pageX + ',' + event.pageY + ')';
                console.log('translate(' + event.pageX + 'px,' + event.pageY + 'px);');
 
            })
                ;
        });
    </script>
</body>
 
</html>

@Eva Rosalene · 14.12.2020, 21:54

Вы в console.log px добавили, а в установку свойства стиля — нет.

@Clementine_ · 15.12.2020, 09:23 **[ТС]**

вот это я сверхчеловек :/
Спасибо!

@Eva Rosalene Модератор 5198 / 2080 / 406 Регистрация: 06.01.2013 Сообщений: 4,794
	14.12.2020, 21:54	2
	Сообщение было отмечено Clementine_ как решение Решение Вы в `console.log` `px` добавили, а в установку свойства стиля — нет. 1

@Clementine_ 0 / 0 / 0 Регистрация: 14.12.2020 Сообщений: 3
	15.12.2020, 09:23 [ТС]	3
	вот это я сверхчеловек :/ Спасибо! 0

Не работает .style в JS

Решение