Напечатайте или отобразите URL изображения как следствие условного выражения в самом вводном способе / уровне в JavaScript - PullRequest
0 голосов
/ 22 октября 2018

Ответ на этот вопрос должен быть довольно простым, поскольку он предназначен для проекта, посвященного разделу Javascript курса «Интернет и веб-программирование».(Инструктор сказал, что в случае, если вам интересно, можно использовать Интернет для справки.)

Часть проекта, на которой я застрял, требует JavaScript, который "спрашивает пользователя, нравится ли ему Google;Если это так, распечатайте изображение логотипа Google ".Общий документ - HTML5 / CSS / JavaScript.

Создание изображения URL в результате невероятного выполнения условия оператора if не рассматривается в текущей главе учебника, которую мы используем.

Я искал ответы, но не нашел ничего, кроме того, что гораздо сложнее, чем то, что выложено в нашем учебнике.Возможно, есть вопросы, подобные этому, здесь и в других местах, но эти решения не имеют большого смысла для меня, поскольку мы не рассмотрели более сложные вещи, чем установка базовой переменной, предлагая пользователю информацию для хранения в этой переменной, и если / то заявления, единственными следствиями которых я выучил, является document.writeln («Привет, мир!»).

Я надеюсь, что это имеет смысл, так как я новичок в этом и непомните всю правильную терминологию еще.

1 Ответ

0 голосов
/ 22 октября 2018

Полагаю, самый простой способ - использовать элемент html <img> с атрибутом src, указывающим на логотип Google, который по умолчанию скрыт, если установить для атрибута CSS display значение none.

.

Затем prompt() пользователь с сообщением «Нравится ли вам Google» и, если он ответил «да», измените атрибут отображения CSS вашего изображения на block с помощью JavaScript.

Пример:

HTML:

<img src="http://example.com/google.jpg" alt="Google Logo" id="google-logo" style="display: none">

JavaScript:

const hiddenImage = document.getElementById('google-logo');
let answer = prompt('Do you like Google?');

if (answer === "Yes") {
  hiddenImage.style.display = 'block';
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...