NoMoreFrameworks.js

// scripts.js
const SearchToggleButton = function() {
    this.searchInputContainer = document.getElementById('search-input-container') 
    this.browsePartsContainer = document.getElementById('browse-parts-container')
    
    this.handleClick = function() {
        this.searchInputContainer.style.display = 'block'
        this.browsePartsContainer.style.display = 'none'
    }

    document.getElementById('search-toggle-button').innerHTML = '<button onClick="SearchToggleButton.handleClick()" />'
}
SearchToggleButton()

const BrowsePartsToggleButton = function() {
    this.searchInputContainer = document.getElementById('search-input-container') 
    this.browsePartsContainer = document.getElementById('browse-parts-container')
    
    this.handleClick = function() {
        this.searchInputContainer.style.display = 'none'
        this.browsePartsContainer.style.display = 'block'
    }
    
    document.getElementById('browse-parts-toggle-button').innerHTML = '<button onClick="BrowsePartsToggleButton.handleClick()" />'
}
BrowsePartsToggleButton()

// header.blade.php
// <div id="search-input-container"></div>
// <div id="browse-parts-container"></div>