2017-01-17 3 views
-1

私はW3schollからjavascriptを学び始めます。私はこの​​からプッシュボタンを作りたい:どのように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

あなたは学習したいと言って、 "My First JavaScript"というチュートリアルにリンクします。すぐに修正を開始したいのは良いことですが、質問に飛び乗る前に、さらにチュートリアルを続ける必要があります。 –

+0

これはコード作成サービスではないので、このトピックをオフトピックとして閉じるように投票しています。 – Magisch

答えて

0

を。

ボタンをクリックすると、toggleが呼び出され、次の操作のために関数がstateと評価されます。機能の最後にstatelogical 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

あなたはこのような新しいボタン追加することができます。あなたはグローバル変数stateを紹介し、最後に変更された状態を保存することができ

<!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> 
関連する問題