Я хочу зарегистрировать введенное пользователем значение электронной почты и выбрать значение меню на консоли после того, как пользователь нажмет кнопку регистрации? - PullRequest
0 голосов
/ 08 мая 2018

Полный вопрос: Я хочу записать значение каждого поля (адрес электронной почты и выбрать меню) на консоли в браузере. Я сделал попытку для этого ниже, но это, кажется, не работает. Любая помощь будет высоко ценится!

Код:

<!DOCTYPE html>
<html>

<head>
  <title>Shopify Frontend Developer Intern</title>
  <link rel="stylesheet" type="text/css" href="web.css" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>

  <h2>Stay up to date with ecommerce trends <br>with Shopify's newsletter</h2>
  <h4>Subscribe for free marketing tips</h4>

  <script>
    function logOptions() {
      var s = document.getElementsByName('Interests')[0];
      var text = s.options[s.selectedIndex].text;
      console.log(text);
    }

    function logEmail() {
      console.log(document.getElementById('email').value);
    }

    function myFunction() {
      logOptions();
      logEmail();

    }
  </script>

  <!-- <div class="input form"> -->
  <form id="inputform" method="get" action="confirmation.html">
    <input id="email" type="email" placeholder="Email Address" required>
    <button type="submit" id="validate" onsubmit="myFunction()">Sign up now</button>
    <select name="Interests" required>
        <option value="" disabled selected>Interested in..</option>
        <option value="option1">Marketing</option>
        <option value="option2">Option2</option>
        <option value="option3">Option3</option>
        <option value="option4">Option4</option>
      </select>
  </form>

  <svg>
  <rect width="40" height="3" style="fill:lightgreen" />
  </svg>


</body>



</html>
...