{"size": 341, "ext": "js", "max_stars_repo_path": "4-hidden-search-widget/script.js", "max_stars_repo_name": "gmoniava/50proj50days", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "4-hidden-search-widget/script.js", "max_issues_repo_name": "gmoniava/50proj50days", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "4-hidden-search-widget/script.js", "max_forks_repo_name": "gmoniava/50proj50days", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 31.0, "max_line_length": 84, "alphanum_fraction": 0.7184750733}
const container = document.querySelector(".search-container");
const btn = document.querySelector(".btn");
const input = document.querySelector(".input");

btn.addEventListener("click", () => {
  // We toggle the class, so that the width of the input gets increased when needed.
  container.classList.toggle("active");

  input.focus();
});
