Javascript 如何在单个元素上使用“onclick”执行两个相反的函数

我有一个html文本框。我想要一个JavaScript，它可以在第一次单击时扩展文本框，并在第二次单击时将其返回到原始大小。Ps：我是JS新手。

尝试使用HTMLElement.classList上的切换函数，如下所示

document.querySelector'div'。addEventListener'click'，{target}=>{ target.classList.toggle'blue'； }; div{ 颜色：红色； } 蓝先生{ 颜色：蓝色； } My Text您可以使用变量count=0。每次单击，您都可以执行count++

因此，扩展逻辑如下所示：

如果计数%2==1{ //对于奇数次的单击 //将展开我的文本框 }否则{ //点击次数为偶数 //会缩水 }

---

如果您共享相关代码，您将获得更多帮助。到目前为止，您尝试了什么？您可以为您的div指定不同的高度和宽度属性，以切换大小的变化。@moritzsalla绝对是在尝试对切换进行一个非常简单的演示。我的评论是针对作者的：Salman Santino，我喜欢这个想法。很遗憾，我无法在这个阶段实现它。