Javascript 按钮-使用按钮使矩形变大

我是一名计算机编码新手，正在上一堂关于HTML、CSS、Javascript和Raphael的入门课

我在做一个作业，我想用一个按钮把一个矩形变大（rec1），但我在这一部分遇到了麻烦（我在作业中使用了HTML和Raphael）

为了提供一些背景，我用拉斐尔做了一个戴帽子的雪人。当我点击按钮时，帽子（rec1）应该会变大

我已复制并粘贴了以下作业说明：

在SVG下面添加一个元素（如前面练习中的示例所示）。当点击按钮时，帽子（或至少部分帽子）应该变大

为此，您需要在创建矩形时将其保存在变量中

hat=纸张.rect（…） 然后单击按钮时，使用.scale（）函数水平和/或垂直缩放该按钮：

帽子刻度（1.1,1.0）

这是我的HTML：

拉斐尔试验
拉斐尔雪人

您需要在按钮（单击事件）中添加一个事件侦听器，以及一个放大帽子的功能。请不要使用jQuery，忽略任何告诉您使用纯JavaScript的答案

---

查看Mozilla Developer JavaScript参考资料开始-这是学习编写JavaScript的“正确方法”的绝佳资源

您需要在按钮（单击事件）中添加事件侦听器，还需要一个放大帽子的函数。请不要使用jQuery，忽略任何告诉您使用纯JavaScript的答案

---

查看Mozilla Developer JavaScript参考资料开始-这是学习编写JavaScript的“正确方法”的极好资源

您可以使用

<button id="hat" onclick="hatBigger()">Click me</button>

我们可以简单地使用一个变量来保存它（在函数范围之外）

然后在稍后的设置中

hat1 = rec1;

---

您可以使用

<button id="hat" onclick="hatBigger()">Click me</button>

我们可以简单地使用一个变量来保存它（在函数范围之外）

然后在稍后的设置中

hat1 = rec1;

---

我复制了你的代码，伊恩，我可以扩展我的帽子。第一次，我错过了一些编码，但后来我纠正了工作。谢谢你的帮助

---

我现在意识到我需要学习更多关于JavaScript和Raphael的知识，所以我试着回顾一下我的学习指南。

我复制了你的代码Ian，我能够扩展我的帽子。第一次，我错过了一些编码，但后来我纠正了工作。谢谢你的帮助

---

我现在意识到我需要学习更多关于JavaScript和Raphael的知识，所以我试着回顾一下我的学习指南。

在哪里可以通过按钮添加任何事件调用？我不确定你的期望是什么。如果你能提供一个你目前拥有的工作片段，那就太好了。如果有帮助，您可以通过https直接链接到库，让代码段在stackoverflow上工作

https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.4/raphael.js

感谢您回复NewToJS。我可能没有很好地解释我自己。再一次，我对编码是新手，JavaScript对我来说是一个很大的挑战。这是我的作业的链接，希望它能让你更好地了解我需要什么：你在哪里通过按钮添加事件调用？我不确定你的期望是什么。如果你能提供一个你目前拥有的工作片段，那就太好了。如果有帮助，您可以通过https直接链接到库，让代码段在stackoverflow上工作

https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.4/raphael.js

感谢您回复NewToJS。我可能没有很好地解释我自己。再一次，我对编码是新手，JavaScript对我来说是一个很大的挑战。这是我的作业的链接，希望它能让你更好地了解我需要什么：