Моя переменная JavaScript не изменит положение изображения

avatar
DarnellG1999
9 августа 2021 в 00:40
35
1
0
let h;
function getRandomIntH() {
return Math.round(Math.random() * 250);}
h = getRandomIntH();

$('#gamespace').append('<img src="transparent.gif" style="left: 100px; top: h; width: 100px; height: 100px;">');

Я создал функцию выше, которая создает случайное число, но всякий раз, когда я пытаюсь использовать ее для перемещения моего изображения, она вводит как ноль вместо числа, хранящегося в переменной.

Источник
Bravo
9 августа 2021 в 00:43
0

левый/верхний/правый/нижний только элементы эффекта расположены относительно/абсолютно/фиксировано - из них правильный зависит от вас

Kirill Savik
9 августа 2021 в 00:44
1

$('#gamespace').append('<img src="transparent.gif" style="position: absolute;left: 100px; top: '+h+'; width: 100px; height: 100px;">') ; Вы должны изменить код, как это.

DarnellG1999
9 августа 2021 в 00:45
0

Я попробовал это с 250px как верх, и он сдвинулся, но это не сработало с переменной. Я даже использовал предупреждение, и в переменной действительно хранится случайное число.

Spectric
9 августа 2021 в 00:46
0

Вы не используете переменную h.

Bravo
9 августа 2021 в 00:51
1

кроме того, больше не используйте h ... вам нужна единица измерения, а не просто число ... например. 250 пикселей, а не 250

Ответы (1)

avatar
Illusion705
9 августа 2021 в 00:46
1

Замените последнюю строку на эту, чтобы использовать значение из переменной h вместо установки top на строку "h":

$('#gamespace').append(`<img src="transparent.gif" style="left: 100px; top: ${h}px; width: 100px; height: 100px;">`);
Bravo
9 августа 2021 в 00:52
2

наверняка это top: ${h}px;

Illusion705
9 августа 2021 в 00:53
0

Упс, ты прав, я исправил. Спасибо :)