function handleTabClick()

in ArticleTemplates/assets/js/bootstraps/communityCallout.js [24:67]

• 22 lines of code
• 2 McCabe index (conditional complexity)

function handleTabClick(tab, evt) {
    const messageUs = document.querySelector(".message__body");
    const form = document.querySelector(".form__body");
    const formTab = document.querySelector(".tab__button--form");
    const messageTab = document.querySelector(".tab__button--message");

    messageUs.style.display = "flex";
    if (evt.target.id === "messageTab") {
        //set active tab color
        tab.style.backgroundColor = "#F6F6F6";

        // set inactive tab color
        formTab.style.backgroundColor = "#DCDCDC";
        //show line
        formTab.style.borderBottom = "1px solid #999999";

        //remove line from active tab
        messageTab.style.borderBottomWidth = "0px";

        //display body of active tab
        messageUs.style.display = "flex";

        // hide body of inactive tab
        form.style.display = "none";
    } else {
        //set active tab color
        tab.style.backgroundColor = "#F6F6F6";

        // set inactive tab color
        messageTab.style.backgroundColor = "#DCDCDC";

        //show line
        messageTab.style.borderBottom = "1px solid #999999";

        //remove line from active tab
        formTab.style.borderBottomWidth = "0px";

        //display body of active tab
        form.style.display = "block";

        // hide body of inactive tab
        messageUs.style.display = "none";
    }
}