Member 14850900 Ответов: 2

Напишите HTML-страницу с javascript, которая обменивается информацией в двух абзацах при нажатии кнопки.

Я попытался запустить программу ниже, но она не сработала.
пожалуйста, не могли бы вы помочь мне выловить ошибку, которую я мог бы сделать в коде?

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

<p>Click the button to swap the text of the DIV element:</p>

<p>Click Me</p>

<p1 id="myDIV">Para #1: Hello! Click the button on top of me to get the paragraphs interchanged.<br>

<p2 id="urDIV">Para #2: You can interchange information between this paragraph and another paragraph by clicking the button. 


function swapFunction() {
var x = document.getElementById("p1").innerText;
var y = document.getElementById("p2").innerText;
document.getElementById("p1").value = y;
document.getElementById("p2").value = x;
}

}

2 Ответов

Рейтинг:
2

MadMyche 

<p1 id="myDIV">Para #1 Hello! Click the button on top of me...</p>
<p2 id="urDIV">Para #2...</p>

function swapFunction() {
var x = document.getElementById("p1").innerText;
var y = document.getElementById("p2").innerText;
getElementById делает так, как следует из его названия; Получить элемент по его идентификатору.
Ваш ID-это myDIV и урдив, а не Р1 и Р2.

Текст первого абзаца гласит: - Привет! Нажми на кнопку сверху меня но кнопки нет.

Javascript, который у вас есть на странице, не завернут в a script метка. таким образом, он просто будет отображаться как текст на странице.

В этой подправленной версии я также сделал небольшое переименование, чтобы переменные назывались с некоторым намеком на то, что они на самом деле представляют собой в отличие от x & y
<button onclick="swapFunction()">Button</button>
<p id="para1">Para #1 Hello! Click the button on top of me...<br>
<p id="para2">Para #2...

<script type="text/javascript">
function swapFunction() {
	var para1 = document.getElementById("para1");
	var para2 = document.getElementById("para2");

	var content1 = para1.innerText;
	var content2 = para2.innerText;

	para1.innerText = content2;
	para2.innerText = content1;
}
</script>

Рейтинг:
0

OriginalGriff

Создание функции не "прикрепляет" ее ни к чему: вам нужно вызвать функцию из какого-то интерактивного элемента в HTML, чтобы она ответила на пользовательское событие.

Видеть здесь:
HTML-тег кнопки[^]
А здесь:
событие onClick[^]