WEB前端记录 - Day1 - GitHub小案例 - 搜索栏点击切换

前端纯小白学习过程，很多都是网上的案例，只为记录自己的一路的累积代码的过程，不喜勿喷~

第一次写，先来个简单的案例：

#点击按钮的时候，input框会打开；再次点击的时候，input框就会收起来。

#html布局

        这个案例的布局很简单，最外层有一个名为search的div，这个search盒子里面分别有一个input框和一个button

(放大镜通过插入字体图标实现)

<div class="search">
        <input type="text" class="input" placeholder="Search...">
        <button class="btn"><i class="fas fa-search"></i></button>
    </div>