0
最近私は、オンラインのコーディングチャレンジに参加しました。初心者から始めると、この問題に関する少しのガイダンスに感謝します。どこが間違っているのですか - JAVASCRIPT
本質的に、HTMLが終了するスクリプトは、マウスが上に移動して再び離れたときにタイトルとフッターの色を変更することになっていますが、何らかの理由で私にはわかりません。フッター。
私はトラブルシューティングが大好きで、数時間の検索では一般的に必要な回答が得られることがわかりましたが、ここではエラーを特定できません。
これについて正しい方向で私を指し示すことができるどんな種類のコーダーにも、私は永遠に感謝しています。事前に
多くの多くの感謝
トミーウォルシュ
UPDATE：私は私がこの質問をする前に十分な調査が、私はコードを見ている時間を過ごした私を信頼していないように見えるかもしれ理解 。私の初めてのgetElementByIdを使用していますが、潜在的にあなたの時間を無駄にするような言い訳はありません。
私はすべての回答者
header, aside, article, footer{
\t color: black;
\t float:left;
\t padding-left: 15px;
\t padding-right: 15px;
}
#container {
\t font-family: helvetica;
\t background-color: #ffffff;
\t width: 960px;
\t height: 500px;
\t margin: 0 auto;
}
header {
\t background-color: green;
\t width: calc(100% - 30px);
}
aside {
\t background-color: yellow;
\t clear:left;
\t width: calc(20% - 30px);
}
article {
\t background-color:blue;
\t width: calc(80% - 30px);
\t height: 400px;
}
footer{
\t background-color:red;
\t width: 100%;
\t width: calc(100% - 30px);
}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Day 5 JavaScript</title>
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
\t \t <div id="container">
\t \t \t <header id="title">
\t \t \t \t <h1>My Page Title</h1>
\t \t \t </header>
\t \t \t <aside>
\t \t \t \t <p>Migas shabby chic bitters keytar occupy kinfolk. Pug gochujang heirloom cornhole sustainable single-origin coffee crucifix organic fashion axe, tumeric polaroid trust fund vegan tattooed.
\t \t \t \t </p>
\t \t \t </aside>
\t \t \t <article>
\t \t \t \t <h2>My Article Header</h2>
\t \t \t \t <p> Pop-up fashion axe iPhone, tumblr put a bird on it lumberjack sartorial. Keytar coloring book plaid, marfa unicorn gluten-free affogato gastropub synth. Quinoa before they sold out sustainable, kinfolk bicycle rights XOXO yuccie craft beer cred asymmetrical hell of synth. Portland messenger bag aesthetic, kinfolk kogi try-hard cardigan. Raclette venmo forage disrupt cred bitters. Mustache sustainable XOXO, williamsburg meditation wayfarers distillery thundercats unicorn truffaut occupy twee four dollar toast irony. Green juice tumeric la croix thundercats scenester af
\t \t \t \t </p>
\t \t \t </article>
\t \t \t <footer>
\t \t \t \t <p> Footer content in here</p>
\t \t \t </footer>
\t \t </div>
\t \t <script> document.getElementById('title').onmouseenter = function() { this.style.backgroundColor = 'purple'; }; document.getElementById('title').onmouseleave = function() { this.style.backgroundColor = 'green'; }; </script>
\t \t
\t \t <script> document.getElementById('footer').onmouseenter = function() { this.style.backgroundColor = 'purple'; }; document.getElementById('footer').onmouseleave = function() { this.style.backgroundColor = 'green'; }; </script>
\t </body>
</html>
コンソールにエラーがありますか？ – colinsmith1
参考までに、ここに2つの 'script'要素を持つ理由はありません。それらを1つにまとめることができます。 –
あなたが必要とするのは、CSSにこれを加えることです： '#title：hover、footer：hover {background-color：purple}' –