JavaScript機能の起動問題

Question

私は最近かなりjsを使い始めたので、私のアプリがきれいに反応するようになってから別の質問がありました。

タイトルには、特定のコードに関する深刻な問題があります。ここ はどんなに私は何をすべきかeditbtnが何かを必要とするオブジェクトが何をすべきように表示されたり消えないことがその要約形式

window.onload = onLoadFunctions; 
 

 
function onLoadFunctions(){ 
 
    var show3rdDiv = document.getElementById('show3rdDiv'); 
 
    var editbtnStart = document.getElementById('editbtnDiv'); 
 
    var editbtnLog = 0; 
 
    
 
    editbtnStart.style.display = 'none'; 
 
    
 
    show3rdDiv.onclick = function(){ 
 
    document.getElementById('3rdDiv')className = ""; 
 
    if (editbtnLog == 1) { 
 
    editbtnStart.style.display = 'block'; 
 
    } 
 
    else { 
 
    editbtnStart.style.display = 'none'; 
 
    } 
 
    } 
 
    } 
 

 
function submitclick(){ 
 
    var uname = document.getElementById("login").elements[0].value; 
 
    var upass = document.getElementById("login").elements[1].value; 
 
    var preuname = "john"; 
 
    var preupass = "doe"; 
 
if (preuname == uname && preupass == upass) { 
 
    editbtnLog = 1; 
 
    document.getElementById('2ndDiv')className = ""; 
 
    alert("The user " + preuname + " was successfully loged in and editbtnLog wass set to: " + editbtnLog); 
 
    } 
 
    else { 
 
    alert("Wrong Username or password!"); 
 
    } 
 
}

.hidden { 
 
    display:none; 
 
    }

<div id="login"> 
 
    <form id="login"> 
 
    Username<input type"text" placeholder="name"> 
 
    Passowrd<input type"password" placeholder="password"> 
 
    <input type="submit" value="Submit" onclick="submitclick()"> 
 
    </form> 
 
</div> 
 
<div id="2ndDiv" class="hidden"> 
 
    <input type="button" id="show3rdDiv" value="Continue"> 
 
</div> 
 
<div id="3rdDiv" class="hidden"> 
 
<div id="editbtnDiv"> 
 
     <input type="button" id="editbtn" value="Edit"/> 
 
</div> 
 
</div>

ではありません。あなたが気づいたら、代わりにdivを使用しましたか？それは私がちょうど入力ボタン自体を使用した場合、まったく表示されないだろう。

誰かがこれがどうやって間違っているか教えてください。

私はたくさんのスタイルを試しましたが、実際にはonclick=""（あまりにも嫌な投稿ボタンを参照してください）を使用したくはありません。私はここで何をすべきですか？昨日のように迷惑になってしまった。 何か不足していますか？私はこれを間違って宣言しましたか？毛皮の人魚は、私はこのプロジェクトですでに貴重な眉毛を失っています。 < = [ 編集btnを表示すると、ちょうどonclick=""のことに固執する必要がありますか？

Answer 1

「id」属性のみ

window.onload = onLoadFunctions; 
 

 
function onLoadFunctions(){ 
 
    var show3rdDiv = document.getElementById('show3rdDiv'); 
 
    var editbtnStart = document.getElementById('editbtnDiv'); 
 
    var editbtnLog = 0; 
 
    
 
    editbtnStart.style.display = 'none'; 
 
    
 
    show3rdDiv.onclick = function(){ 
 
    document.getElementById('3rdDiv').className = "";//error 
 
    if (editbtnLog == 1) { 
 
    editbtnStart.style.display = 'block'; 
 
    }else { 
 
    editbtnStart.style.display = 'none'; 
 
    } 
 
    } 
 
    } 
 

 
    function submitclick(){ 
 
     var uname = document.getElementById("login").elements[0].value; 
 
     var upass = document.getElementById("login").elements[1].value; 
 
     var preuname = "john"; 
 
     var preupass = "doe"; 
 
    if (preuname == uname && preupass == upass) { 
 
     editbtnLog = 1; 
 
     document.getElementById('2ndDiv').className = "";//error 
 
     alert("The user " + preuname + " was successfully loged in and editbtnLog wass set to: " + editbtnLog); 
 
     } 
 
     else { 
 
     alert("Wrong Username or password!"); 
 
     } 
 
    }

<div id="login1"> 
 
     <form id="login"> 
 
     Username<input type="text" placeholder="name"> 
 
     Passowrd<input type="password" placeholder="password"> 
 
     <input type="button" value="Submit" onclick="submitclick()"> 
 
     </form> 
 
</div> 
 
    <div id="2ndDiv" class="hidden"> 
 
     <input type="button" id="show3rdDiv" value="Continue"> 
 
    </div> 
 
    <div id="3rdDiv" class="hidden"> 
 
    <div id="editbtnDiv"> 
 
      <input type="button" id="editbtn" value="Edit"/> 
 
    </div> 
 
    </div>

Answer 2

あるスクリプトが正常かnot.Checkスクリプトを定義する行を呼び出している天候を確認してください。

Answer 3

ほんの数分前...（注：これは恥ずかしいです！）私はそれを理解しました。 （上記の要約コードには表示されません） 正常にログインするとログアウトになるログインボタンのようなhtml値を変更する要素を作成しました。ログアウトフォームでそのボタンをクリックすると変更されますループがあります。ボタンの値が変わるので少し実験して、何とか結びつけることができることに気付きました。だから私はした。 onclick=""をshow3rdDivボタンに、開始クラスをclass="hidden"〜editbtnDivと宣言し、ログインボタンの値が "login"の場合は非表示クラスを保持しますが、値がlogoutの場合はそのクラスを削除します。 私は時々とても愚かです。 ：/