[英]How to mix/add Javascript code to Html code on Visual studio code?
我有一些問題要理解為什么我的onclick="showMenu"
和onclick="hideMenu"
function 不能工作。 有什么推薦嗎?
<section class="header">
<nav>
<a href="index.html"><img src="Bilder/Logo.jpg"></a>
<div class="nav-links" id="navLinks">
<i class="fa fa-times"> <script>onclick="hideMenu()"</script></i>
<ul>
<li><a href="">HOME</a></li>
<li><a href="">ABOUT</a></li>
<li><a href="">COURSE</a></li>
<li><a href="">BLOG</a></li>
<li><a href="">CONTACT</a></li>
</ul>
</div>
<i class="fa fa-bars"><script>onclick="showMenu()"</script></i>
</nav>
<div class="text-box">
<h1>Some text...</h1>
<p>Some text..</p>
<a href="" class="hero-btn">Button Text..</a>
</div>
</section>
<!-------Javascript for Menu--------->
<script>
var navLinks = document.getElementById("navLinks");
funnction showMenu(){
navLinks.style.right = "0";
}
funnction hideMenu(){
navLinks.style.right = "200px";
}
</script>
我在您的代碼中看到兩個問題。
您沒有傳遞 function,而是傳遞 function 的返回值。
您在腳本標簽中使用“onClick”,這沒有任何意義。 您要單擊腳本嗎?
那應該是這樣的:
<i class="fa fa-times" onclick="hideMenu"></i>
我建議你使用 a 單擊圖標
<nav>
<a href="index.html">
<img src="Bilder/Logo.jpg">
</a>
<div class="nav-links" id="navLinks">
<a href="javascript:hideMenu()">
<i class="fa fa-bars">
</i>
</a>
<ul>
<li><a href="">HOME</a></li>
<li><a href="">ABOUT</a></li>
<li><a href="">COURSE</a></li>
<li><a href="">BLOG</a></li>
<li><a href="">CONTACT</a></li>
</ul>
</div>
<a href="javascript:showMenu()">
<i class="fa fa-bars">
</i>
</a>
</nav>
<div class="text-box">
<h1>Some text...</h1>
<p>Some text..</p>
<a href="" class="hero-btn">Button Text..</a>
</div>
</section>
<!-------Javascript for Menu--------->
<script>
var navLinks = document.getElementById("navLinks");
function showMenu() {
navLinks.style.right = "0";
}
function hideMenu() {
navLinks.style.right = "200px";
}
</script>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.