Помогите! JavaScript Напишите программу с переменной name. Если в этой переменной находится ваше имя, тогда выведите на экран «П

Question

4 года назад

13

Помогите! JavaScript Напишите программу с переменной name. Если в этой переменной находится ваше имя, тогда выведите на экран «П

Помогите! JavaScript

Напишите программу с переменной name. Если в этой переменной находится ваше имя, тогда выведите на экран «Привет мне!», если чужое имя, то выведите «Привет, незнакомец».

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

Знания

Информатика

1 ответ:

Qutenrs · Answer 1 · 2020-03-03T13:42:47+03:00

Первая программа:

<!DOCTYPE html>
<html>
<head>
    <style>
      body {
        text-align: center;
      }

      form {
        display: inline-block;
      }

      form > button {
        width: 100%;
      }
    </style>
    <script>
      function Privetstvie()
      {
        var name1 = "Моё имя";
        var name = document.getElementById("Pole_vvoda_imeni").value;
        var Pole_vuvoda_privetstviya = document.getElementById("Pole_vuvoda_privetstviya");

        if (name === name1)
        {
          Pole_vuvoda_privetstviya.innerHTML = "Привет мне!";
        } else {
          Pole_vuvoda_privetstviya.innerHTML = "Привет, незнакомец";
        }
      }
    </script>
</head>
<body>
    <form>
      <div>
        <label for="Pole_vvoda_imeni">Пожалуйста, введите своё имя:</label>
        <input id="Pole_vvoda_imeni" type="text">
      </div>
      <button type="button" onClick="Privetstvie();">Поздароваться</button>
      <div id="Pole_vuvoda_privetstviya"></div>
    </form>
</body>
</html>

____________________________________________
Вторая программа:

<!DOCTYPE html>
<html>
<head>
    <style>
      body {
        text-align: center;
      }

      form {
        display: inline-block;
      }

      form > button {
        width: 100%;
      }
    </style>
    <script>
      function Privetstvie()
      {
        var name1 = "Моё имя";
        var name2 = "Имя друга";
        var name3 = "Имя другого друга";
        var name = document.getElementById("Pole_vvoda_imeni").value;
        var Pole_vuvoda_privetstviya = document.getElementById("Pole_vuvoda_privetstviya");

        switch (name)
        {
          case name1:
            Pole_vuvoda_privetstviya.innerHTML = "Привет, мне!";
            break;
          case name2:
            Pole_vuvoda_privetstviya.innerHTML = "Привет, "+name2+"!";
            break;
          case name3:
            Pole_vuvoda_privetstviya.innerHTML = "Привет, "+name3+"!";
            break;
          default:
            Pole_vuvoda_privetstviya.innerHTML = "Привет, незнакомец";
        }
      }
    </script>
</head>
<body>
    <form>
      <div>
        <label for="Pole_vvoda_imeni">Пожалуйста, введите своё имя:</label>
        <input id="Pole_vvoda_imeni" type="text">
      </div>
      <button type="button" onClick="Privetstvie();">Поздароваться</button>
      <div id="Pole_vuvoda_privetstviya"></div>
    </form>
</body>
</html>