Javascript-форум - Как получить значение введенное в поле Input

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Как получить значение введенное в поле Input (https://javascript.ru/forum/misc/43515-kak-poluchit-znachenie-vvedennoe-v-pole-input.html)

Как получить значение введенное в поле Input

Здравствуйте.
Как получить значение, введенное в поле input пользователем по нажатию кнопки?
Значения нужно получить для дальнейшей их обработки и отправки.

<form>
	<table id="zakazTable">
		<tr>
			<td><p>Венге</p></td>
			<td>
				<input type="text" value="" id="quantity"> 
				<input type="button" value="Заказать">
			</td>
		</tr>
	</table>
<div id="zayavka"></div>
</form>

Нашел подходящее решение.

function someFunc(){
alert(document.getElementById("quantity").value);
}
document.getElementById("zakazat").onclick = someFunc;

Цитата:

Сообщение от Batyabest (Сообщение 285460)

Нашел подходящее решение.

function someFunc(){
alert(document.getElementById("quantity").value);
}
document.getElementById("zakazat").onclick = someFunc;

значение можно записать и в какую-нибудь переменную

var expression = document.getElementById("quantity").value;

Цитата:

Сообщение от sonntagausgang (Сообщение 285461)

значение можно записать и в какую-нибудь переменную

var expression = document.getElementById("quantity").value;

Да да, я сейчас на этом этапе.
А как мне это значение вывести в блоке <div> например?

<form>
	<table id="zakazTable">
		<tr>
			<td><p>Венге</p></td>
			<td>
				<input type="text" value="" id="quantity" >
				<input type="button" value="Заказать" id="zakazat" onclick="someFunc()">
			</td>
		</tr>
	</table>
<div id="zayavka"></div>
</form>
<script>
function someFunc(){
var quantity = document.getElementById("quantity").value;
var price = quantity * 9000;

//alert(price);
}
</script>

<form>
	<table id="zakazTable">
		<tr>
			<td><p>Венге</p></td>
			<td>
				<input type="text" value="" id="quantity">
				<input type="button" value="Заказать" id="zakazat" onclick="someFunc()">
			</td>
		</tr>
	</table>
<div id="zayavka"></div>
</form>
<script>
function someFunc(){
var quantity = document.getElementById("quantity").value;
var price = quantity * 9000;
var div = document.createElement("div");
div.innerHTML = "<p>Здесь будет заявка<\/p>";
document.getElementById("zayavka").appendChild(newdiv);
return false;
//alert(price);
}
</script>

Но почему-то строка с нужным предложением не появляется

<form>
	<table id="zakazTable">
		<tr>
			<td><span>Венге</span></td>
			<td>
				<input type="text" value="" id="quantity">
				<input type="button" value="Заказать" id="zakazat" onclick="someFunc()">
			</td>
		</tr>
	</table>
<div id="zayavka"></div>
</form>

function someFunc(){
var quantity = document.getElementById("quantity").value; // Объявляем переменную равную значению введенному в поле количество
	function empty_form ()
	{
		var quantity = document.getElementById('quantity').value;
		if(quantity == '')
		{
			alert('Вы забыли ввести текст.');
			return false;
		}    
		return true;
	}
var price = quantity * 9000; // Объявляем переменную равную общей стоимости (кол-во * цену одного товара)
var tovar = document.getElementsByTagName('span')[0].innerHTML; // Получаем доступ к содержимому элемента <span> с названием цвета товара
var div = document.createElement("div"); // Создаем элемент div
div.innerHTML = "<h3>Ваша заявка:<\/h3>\n <p>"+tovar+" "+price+" руб.</p>"; // Наполняем созданный div содержанием с подстановкой значения price
document.getElementById("zayavka").appendChild(div); // Все вкладывается в <div id=zayavka></div>
return false;
//alert(tovar);
}

Добавил вложенную функцию empty_form () для проверки введено ли вообще в поле количество что-то. Но почему-то не работает.

Batyabest, добавить то вы ее добавили (объявили), а где вы ее вызываете (используете) ?

Я вызываю функцию someFunc() а та функция вложена в нее, она не должна работать? просто мне нужно объеденить их и чтобы по вызову одной они обе работали.

А можно ли записать в переменную значение input который находится в фокусе таким образом

var s = this.value;

. У меня так не работает, есть ли еще варианты.

Цитата:

Сообщение от aj-nik

А можно ли записать в переменную значение input который находится в фокусе

var s = document.activeElement && document.activeElement.value || '';

Цитата:

Сообщение от devote

document.activeElement

о, за столько времени первый раз встретил и ... кроссбраузерно :)