index.html 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" href="style.css">
  8. <title>Converter+Login/Password</title>
  9. </head>
  10. <body>
  11. <div class="wrapper">
  12. <p class="task"> 1. Calculate </p>
  13. <div class="converter">
  14. <h1> CONVERTER </h1>
  15. <p> Enter the number to convert</p>
  16. <p> &#36; </p>
  17. <input id="input_dol" type="number" min="0" placeholder="&#36;" />
  18. <button class="btn" onclick="moneyConverterUSD()"> Calculate </button>
  19. <p class="left" > &#8372; <span id="output_grn1"> </span> </p>
  20. <p> &#8364; </p>
  21. <input id="input_evro" type="number" min="0" placeholder="&#8364;" />
  22. <button class="btn" onclick="moneyConverterEUR()"> Calculate </button>
  23. <p class="left"> &#8372;<span id="output_grn2"> </span> </p>
  24. <p > Złoty </p>
  25. <input id="input_zloty" type="number" min="0" placeholder="Złoty" />
  26. <button class="btn" onclick="moneyConverterPLN()"> Calculate </button>
  27. <p class="left"> &#8372; <span id="output_grn3"> </span> </span>
  28. <p> &#8383; </p>
  29. <input id="input_bitcoin" type="number" min="0" placeholder="&#8383;" />
  30. <button class="btn" onclick="moneyConverterBitcoin()"> Calculate </button>
  31. <p class="left"> &#8372; <span id="output_grn4"> </span> </p>
  32. </div>
  33. <p class="task"> 2. Check the login and password</p>
  34. <div class="check">
  35. <h1> CHECK </h1>
  36. <p> Enter the login and password</p>
  37. <form id="form_input" >
  38. <input id="login" type="text" minlength="4" maxlength="15" required placeholder="login" />
  39. <input id="password" type="password" minlength="4" required placeholder="password" />
  40. </form>
  41. <div class="wrapper">
  42. <button class="btn" form="form_input" type="submit" >Data validation </button>
  43. <button class="btn" type="button " onclick="check()" > Check the login and password </button>
  44. </div>
  45. <div id="correct"> </div>
  46. <div id="wrong"> </div>
  47. </div>
  48. <script src="main.js"></script>
  49. </body>
  50. </html>