厚厚厚厚各位晚安，歡迎來到 coding 小白盜版學校官網日記ㄉ第17天～這個計畫的內容是我這個coding超新手會在30裡，把複刻學校官網當作目標，從最基礎的前端html、css、js...開始邊做邊學，紀錄每天的學習進度，看看一個月過去能學到什麼程度。

今天是極具歷史意義值得慶祝的一天...你問為什麼？

今年二十二歲，我陳某某不靠父母、不靠朋友、不靠chatgpt，只靠自己，在IT鐵人賽拼搏的第17天，寫出了我人生中第一串完全沒偷看解答自己敲的 js 代碼！！！
‹‹(´ω )/››‹‹( 　´)/››‹‹( ´ω)/››

前兩天都在研究輪播效果，差點就忘了我的搜尋欄html&css打完後就一直像鼻涕一樣掛在角落，終於是時候來挑戰用新學的js做出顯示隱藏的效果了

先回顧之前寫好的html和css，回頭看總感覺哪裡不對勁，所以有小改
總之最後長這個樣子

<div for="search">
  <button class="bt01">
    <img class="img02" src="img\icon_search.png" alt="搜尋">
  </button>
  <input class="text-box" type="text" placeholder="關鍵字">
</div>

接著我深掘出這兩天的記憶還有之前寫的練習題，一項一項對照著敲，
先設定兩個常數，一個是呼叫搜索欄的放大鏡按鈕、一個是搜索欄本人

const search =document.querySelector(".bt01");
const text_box =document.querySelector(".text-box");

然後叫常數search張開耳朵認真聽我說話，用if設定顯示隱藏...

search.addEventListener("click",function(){
  if( text_box.style.display === "none"){
    text_box.style.display = "inline-block";
  }else{text_box.style.display = "none";}
});

最後居然真的打出可以運作ㄉjs了！！
今天真是開心又立志的一天，歡喜收工，大家明天見ㄅㄅ～