Программисты, помогите! Лягушки не добавляются на сайт

Question

Программисты, помогите! Лягушки не добавляются на сайт

Кузнецова Ксения Ученик (136), открыт 2 недели назад

Программисты, помогите! На днях создала сайт на чистом html и написала там скрипт, чтобы автоматически обновлялась картинки и каждый раз должна добавляется картинка с фурри-лягушками, но почему то не работает, помогите решить этот вопрос, вот код:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Автоматическое dobavlenie картинок</title>
"furry-frogs.jpg" // Новая картинка с фурри-лягушками
<label for="fullName">Добавить</label>
<button type="submit">Введите данные фурри лягушки</button>
</head>
<body>
</body>
</html>

Answer 1

Эээ, бро, ты тут как на стриме бэбэя, а не на лейне с игроками в Dota 2! ? В общем, давай посмотрим, что ты тут написал...

Сначала дело в том, что код твой какой-то корявый, сорри за правду в глаза! ?‍♂️ Первое, что я заметил, это что ты пытаешься добавить картинку через комментарий, а не через тег <img>. Да и сама ссылка на картинку должна быть внутри тега <img>, а не просто написана.

Вот твой код после фикса:

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Автоматическое добавление картинок</title>
</head>
<body>
<label for="fullName">Добавить</label>
<button type="submit">Введите данные фурри лягушки</button>
<img src="furry-frogs.jpg" alt="Фурри-лягушки">
</body>
</html>

Так что, теперь твои фурри-лягушки должны появиться на твоем сайте! Надеюсь, это помогло, бро! ?✌️

Answer 2

Dlazder Мудрец (11270) 2 недели назад

И где же тут свой скрипт? ?

Кузнецова КсенияУченик (136) 2 недели назад

<title>Автоматическое dobavlenie картинок</title>
"furry-frogs.jpg" // Новая картинка с фурри-лягушками
<label for="fullName">Добавить</label>
<button type="submit">Введите данные фурри лягушки</button>

Dlazder Мудрец (11270) Кузнецова Ксения, это пустышка с 3 html тегами

Answer 3

Чтобы добавить изображение на ваш сайт и обновлять его автоматически, вам нужно использовать элемент <img> в HTML, а также JavaScript для обновления изображения по мере необходимости.

Пример:

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Автоматическое добавление картинок</title>
<script>
function addFurryFrog() {
var img = document.createElement('img'); // Создаем новый элемент изображения
img.src = 'furry-frogs.jpg'; // Устанавливаем путь к вашему изображению
document.body.appendChild(img); // Добавляем изображение на страницу
}
</script>
</head>
<body>
<button onclick="addFurryFrog()">Добавить фурри-лягушку</button>
</body>
</html>

В этом примере создается кнопка "Добавить фурри-лягушку", и при нажатии на нее вызывается функция addFurryFrog(), которая создает новый элемент изображения <img> и добавляет его в тело документа.
Если вам нужно обновлять изображение автоматически, например, каждые несколько секунд, вы можете использовать функцию setInterval() в JavaScript для выполнения этой операции периодически:
<script>
function addFurryFrog() {
var img = document.createElement('img');
img.src = 'furry-frogs.jpg';
document.body.appendChild(img);
}

setInterval(addFurryFrog, 5000); // Добавлять фурри-лягушку каждые 5 секунд (5000 миллисекунд)
</script>
(Надеюсь я так понял)