javascriptを使用して要素を非表示にして表示

Question

JavaScriptでフォームが表示されなくなりましたが、フォームが表示されていないときにテキスト行が表示され、javascriptの正しいブール演算子あります。

<script> 
 
    function Enter() { 
 
     survey.style.display = "none"; 
 
     if (survey==="none"){ 
 
      thank.style.display = "inline"; 
 
     } 
 
     else { 
 
      thank.style.display = "none"; 
 
     } 
 
    } 
 
</script>

<div id="right"> 
 
    <div id="thank" style=" display: none"> 
 
     Thank you, your message has been sent. 
 
    </div> 
 
    <form name="survey" id="survey" action="" method="post"> 
 
     <input type="submit" value="Contact Us!" onclick="Enter()"/> 
 
    </form> 
 
</div>

エラーメッセージ：

"message": "SyntaxError: expected expression, got '<'", "filename": " https://stacksnippets.net/js ", "lineno": 13, "colno": 28

Answer 1

私が正しくUを理解していれば、あなたはtekstのウィッヒのラインを持ちたい

がデフォルトである： "表示：なし" So：

<p id="MyTekst" style="display: none">My line of tekst</p> 

スクリプトであることを組み合わせる：

<script> 
function Enter() { 
    survey.style.display = "none"; 

    if (survey==="none"){ 
     thank.style.display = "inline"; 
     document.getElementById("MyTekst").style.display = "block"; 
    } 
    else { 
     thank.style.display = "none"; 
    } 
} 
</script> 

私たちは、それがこれで作業ガットそれは

Answer 2

を助けたかどうかを知りましょう：

    <script> 

        function Enter() { 
         survey.style.display = "none"; 

         if (survey.style.display==="none"){ 
          thank.style.display = "inline"; 
         } 
        } 
       </script>