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

#javascript

Вопрос:

 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;">');
 

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

Комментарии:

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

2. $(‘#игровое пространство’). добавить(‘<img src=»transparent.gif» стиль=»позиция: абсолютная;слева: 100 пикселей; вверху: ‘ h ‘; ширина: 100 пикселей; высота: 100 пикселей;»>’); Вы должны изменить код вот так.

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

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

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

Ответ №1:

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

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

Комментарии:

1. конечно, это top: ${h}px;

2. Упс, ты прав, я все исправил. Спасибо 🙂