Показать сообщение отдельно
  #2 (permalink)  
Старый 14.03.2016, 09:21
Аватар для AciDWarrioR
Кандидат Javascript-наук
Отправить личное сообщение для AciDWarrioR Посмотреть профиль Найти все сообщения от AciDWarrioR
 
Регистрация: 11.11.2015
Сообщений: 136

NellDenZ,
Ну во-первых: не вИстрелить, а вЫстрелить.
Во-вторых: надо заменить
<input type="text">
на
<textarea>

В-третьих:
<!DOCTYPE html>
<html lang="en">
<head>
	<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
</head>
<style>
	#text{
		width: 300px;
		height: 200px;
		display: list-item;
	}
</style>
<body>
	<div>
	<textarea id="text" type="text"></textarea>
		<button onclick="punch()">Ударить</button>
		<button onclick="shoot()">Выстрелить</button>
	</input>
	</div>
<script>
	function punch(){
		var value = $("#text").val();
		var text = "Дэн ударил противника.\n";
		$("#text").val(value + text);
	}
	function shoot(){
		var value = $("#text").val();
		var text = "Дэн выстрелил в противника.\n";
		$("#text").val(value + text);
	}
</script>
</body>
</html>

В-четвертых:
Сообщение от NellDenZ
- Можно ли менять цвет текста?
- Да:
$("#text").css('color', 'green')

В-пятых:
Сообщение от NellDenZ
- Как удалить содержимое инпута?
- Вот так:
$("#text").val("");
Ответить с цитированием