2017-01-17 4 views
-1

Я начинаю изучать javascript от W3scholl. Я хочу, чтобы на кнопку с этой tutorial:Как нажимать кнопку на javascript?

<html> 
<body> 

<h1>My First JavaScript</h1> 

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

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

</body> 
</html> 

Я хочу, чтобы очистить текст даты после того, как я снова нажать на кнопку, как это сделать?

+0

Я предполагаю, что, говоря "толчок" вы имеете в виду "Нажмите кнопку". ваш код кажется правильным для меня .. у вас есть какие-либо ошибки? просто установите innerHTML = "", чтобы очистить текст –

+1

Вы говорите, что хотите узнать, и ссылку на учебник под названием «Мой первый JavaScript». Хорошо, что вы хотите сразу начать возиться, но, возможно, вам следует продолжить обучение через несколько уроков, прежде чем вникать в вопросы. –

+0

Я голосую, чтобы закрыть этот вопрос как не по теме, потому что это не служба написания кода – Magisch

ответ

0

Вы могли бы ввести глобальную переменную state и сохранить последнее измененное состояние.

Нажмите на кнопку toggle, и функция будет оценивать state для следующего действия. В конце функции state изменяется с помощью logical NOT !.

function toggle() { 
 
    if (state) { // check state 
 
     document.getElementById('demo').innerHTML = ''; 
 
     document.getElementById('button1').innerHTML = 'Click me to display Date and Time.' 
 
    } else { 
 
     document.getElementById('demo').innerHTML = Date(); 
 
     document.getElementById('button1').innerHTML = 'Delete Date and Time.' 
 
    } 
 
    state = !state; // toggle state 
 
} 
 

 
var state; // undefined, becomes later true and false
<button id="button1" type="button" onclick="toggle()">Click me to display Date and Time.</button> 
 
<p id="demo"></p>

0

Вы можете добавить новую кнопку, как это:

<!DOCTYPE html> 
<html> 
<body> 

<h1>My First JavaScript</h1> 

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

<button type="button" onclick="Empty()"> 
Click me to delete Date and Time. 
</button> 

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

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

</body> 
</html> 
Смежные вопросы