mattkrebs Ответов: 1

Как я могу отобразить текст, заданный (человеком, пишущим в поле ввода на моей странице) где-то еще на моей странице?

Привет,

Я знаю, что могу воспроизвести то, что написано в полях ввода, в других полях ввода-например, с адресами "доставка" и "выставление счетов".

Однако я не смог сделать это так, чтобы я мог представить эти введенные данные где - то еще-например, когда люди вводят данные на веб-сайте, а затем там появляются ответы в разделе "Настройки"."

Что я уже пробовал:

Я пробовал добавлять: "документ.метода getElementById("текст").значение=(shippingZip.значение);"

к функции --- с "<p id="text"></p>" в HTML

Но это не сработало.

Любая помощь будет оценена по достоинству.

Лучший,
Мэтт

1 Ответов

Рейтинг:
2

Visweswaran N

Тег абзаца не имеет атрибута "значение", как входные теги.

Вы можете использовать "textContent" ниже приведен пример кода о том, как его использовать.

<!-- SWAMI KARUPPASWAMI THUNNAI -->

<!DOCTYPE html>
<html>
<head>
	<title>Javascript Example</title>
	<script type="text/javascript">
		// Changes text from the input box to paragraph
		function changeText()
		{
			let text_value = document.getElementById("input_box").value;
			document.getElementById("text").textContent = text_value;
		}
	</script>
</head>
<body>
	<p id="text">You will see the changed text here<br/></p>
	<input type="text" name="input_box" id="input_box">
	<button type="button" onclick="changeText();">CHANGE TEXT</button>
</body>
</html>


функция changeText возьмет значение из входных данных и установит его в тег абзаца. Вы можете запустить код в своем браузере для лучшего понимания.

Предупреждение: Не используйте innerHTML для этой цели, это может показаться, что работает, но входные данные, такие как

Межсайтовый скриптинг

может привести к уязвимости межсайтового скриптинга.