如何解决函数悬停+函数正常jss问题
我目前正在尝试代码研究所 5 天挑战，但似乎找不到我哪里出错了？运行测试后多次失败，例如“您是否在准备悬停功能的主体内设置了字体大小等......其他功能相同。
```
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Tea Recipe</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<header>
<h1>How to make Tea</h1>
</section>
<section onmouseover="preparationHover()" onmouseout="preparationNormal()">
<h2>preparation <i id="preparation" class="fa fa-check-circle" aria-hidden="true"></i></h2>
</section>
<footer>
<p>Copyright Me 2020</p>
</footer>
</div>
<script>
function ingredientsHover() {
document.getElementById('ingredients').firstElementChild.firstElementChild.style.fontsize = '300%' ;
}
function ingredientsNormal() {
document.getElementById('ingredients').firstElementChild.firstElementChild.style.fontsize = '100%' ;
}
function PreparationHover() {document.getElementById('Preparation').firstElementChild.firstElementChild.style.fontsize = '300%';
}
function PreparationNormal() {
document.getElementById('Preparation').firstElementChild.firstElementChild.style.fontsize = '100%';
}
</script>
</body>
</html>
thanks
matt
```<html>
```<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Tea Recipe</title>
<!-- add the font awesome link here -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css" />
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<header>
<h1>How to make Tea</h1>
<p>At the very least,tea is a flavourful way of getting enough fluid into your body each day.
On top of that,studies have shown teas can help protect your teeth and your heart</p>
</header>
<section onmouseover="ingredientsHover()" onmouseout="ingredientsNormal()">
<!-- add a fontawesome icon here -->
<h2>ingredients <i id="ingredients" class="fa fa-coffee" aria-hidden="true"></i></h2>
<ul>
<li>Tea Bag</li>
<li>Water</li>
<li>Milk - Dairy/Plant based(Optional)</li>
<li>Sugar/Honey (Optional)</li>
</ul>
</section>
<section onmouseover="preparationHover()" onmouseout="preparationNormal()">
<!-- add a fontawesome icon here -->
<h2>preparation <i id="preparation" class="fa fa-check-circle" aria-hidden="true"></i></h2>
<ol>
<li>
Run the tap a little so the water's nicely aerated,and only boil it once to keep the oxygen level up. Oxygen in water helps flavour!
</li>
<li>
Pop a tea bag into your mug (<em>always</em> a big mug)
</li>
<li>
Pour the hot water over the tea bag and stir briefly.
</li>
<li>
Tea needs time to unlock all its flavour,so give it 3-4 minutes to do its thing. This is a perfect time to grab a sneaky cookie or daydream about vacations.
</li>
<li>
Before removing the tea bag,gently squish it with a spoon against the side of the mug. Not too much or you'll make it bitter.
</li>
<li>
If you want,throw in some milk or sugar or honey or nothing else at all.
</li>
<li>
Enjoy!
</li>
</ol>
</section>
<footer>
<p>Copyright Me 2020</p>
</footer>
</div>
<script>
Function ingredientsHover() {document.getElementById("ingredients").style.fontSize = "300%";
Function ingredientsNormal() {document.getElementById("ingredients").style.fontSize = "100%";
Function preperationHover() {document.getElementById("ingredients").style.fontSize = "300%";
Function preperationNormal() {document.getElementById("ingredients").style.fontSize = "100%";
</script>
</body>
</html>
```
它还问我是否创建了准备和配料悬停和正常功能，我以为我有，但我想不通
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
