Как сделать нажатие кнопки и изменить отображаемый ранее текст (html)

Я пытаюсь создать кнопку, где при нажатии будет изменен текст, ранее отображаемый на что-то другое. Я создал тестовый код, но не могу понять это. Мне было интересно, может ли кто-нибудь помочь? Я должен использовать Javascript. Хотя этот код отображает время нажатия, мне нужно, чтобы он отображал текст при нажатии. Я не знаю, как изменить этот код в соответствии с моими потребностями.Как сделать нажатие кнопки и изменить отображаемый ранее текст (html)

Я добавил внутренний комментарий, где мне нужна помощь.

<!DOCTYPE html> 
<html> 
<body> 



<p id="demo" onclick="myFunction()">Test</p> 

<script> 
function myFunction() { 
    document.getElementById("demo").innerHTML =; 
} 
</script> 


#need to change the code below to display text and not time 

<button type="button" 
onclick="document.getElementById('demo').innerHTML = Date()"> 
Click me to display Date and Time.</button> 

<p id="demo"></p> 

</body> 
</html>

источник

2016-03-21 Alev

Почему вы используете javascript, когда вам нужно использовать java? –

Убирает неверное имя. – Alev

Вам необходимо обернуть новый контент кавычками "". Проверьте фрагмент ниже. Ваш код должен работать нормально, если вы нажмете на кнопку.

В вашем исходном коде вам был присвоен атрибут onclick, указывающий на вашу функцию на <p id="demo"></p>. В результате ваша функция была вызвана, только если вы нажали на сам текст, а не на кнопку.

function myFunction() { 
 
    document.getElementById("demo").innerHTML = "Your new content"; 
 
}

<p id="demo">Test</p> 
 

 
<button type="button" onclick="myFunction()">Click me to display my custom text</button>

источник

2016-03-21 14:27:40 AryKay

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

В этом случае вам нужно сделать так, чтобы кнопка запускала myFunction() onclick, так как на данный момент она проверяет и обновляет дату onclick. Проверьте мой обновленный ответ. – AryKay

Спасибо, что это сработало! – Alev

Если вы хотите, чтобы отобразить текст, добавьте строку в вашу функцию. Что-то, как это будет работать:

function myFunction() { 
    document.getElementById("demo").innerHTML ="Some text"; 
}

Смотреть это работает в этом JS Fiddle: https://jsfiddle.net/r22jaffb/

Надежда, что помогает.

источник

2016-03-21 14:28:13

Как сделать нажатие кнопки и изменить отображаемый ранее текст (html)

ответ

Смежные вопросы