Javascript-форум - Показать сообщение отдельно

Rudman · #1 (**permalink**) 25.03.2020, 16:34

Есть обычная форма заполнения: Имя и сообщение

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="css/style.css">
	<title>DOOM</title>
</head>
<body>
	<script src="js/script.js"></script>
	<div class="cont">
	<h4>Add new message</h5>

	<div class="cont">
	  <form class="form">
          <p>
          <label for="name"> Your name:</label>
          <input type="text" name="name">
          </p>

          <p>
          <label for="message">Your message:</label>
          <textarea name="message" cols="30" rows="5"></textarea>
          </p>

    <div class="sumbit">Send</div>
      </form>
</div>



</body>
</html>

CSS:

Код:

*{
	background-color: #fbf3ea;
}

div.cont{
	margin-left: 10px;
}

h4{
	font-family: fantasy;
	font-size: 2em;
	font-weight: 300;
	text-align: center;
}

.form label{
	width: 180px;
	float: left;
	font-size: 1.2em;
	font-family: Arial;
	font-weight: 700;
}

.form input, textarea{
	width: 500px;
	text-align: center;
	font-family: Arial;
	font-weight: 700;
}

.form input, textarea{
	padding: 9px;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	background: white;
}

div.sumbit{
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	background: #c7c7c7;
	width: 500px;
	text-align: center;
	font-family: Arial;
	font-weight: 700;
	margin-left: 11.4em;
	padding: 5px;
}

div.sumbit:hover{
	border: 1px solid black;
	border-radius: 5px;
	background: #d6d6d6;

	width: 500px;
	text-align: center;
	font-family: Arial;
	font-weight: 700;
	margin-left: 11.4em;
	padding: 5px;
}

Как вывести данные которые ввел пользователь в браузере, используя js?