Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Поле отображение событий. Как? (https://javascript.ru/forum/dom-window/61869-pole-otobrazhenie-sobytijj-kak.html)

NellDenZ 12.03.2016 22:09

Поле отображение событий. Как?
 
Есть инпут текста на котором при клике на определенные кнопки должен отображаться текст в инпуте (пример ниже) Текст должен идти по порядку

Также интерисует:
- Можно ли менять цвет текста?
- Как удалить содержимое инпута?






AciDWarrioR 14.03.2016 09:21

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("");


Часовой пояс GMT +3, время: 11:03.