Как я могу написать функцию JavaScript в ES6

Question

Я создавал веб-приложение и соединил обе страницы регистрации и входа в один и тот же HTML-файл, используя два разных DIV. Когда страница загружается, «Вход в Div» является единственным видимым, и когда вы нажимаетеЗарегистрируйте «Зарегистрировать показ Div», используя некоторый JavaScript.Так что работает нормально, но я бы хотел написать эти функции в ES6.Как я могу это сделать?

function Registration()
{
        const element = document.querySelector(".Registration-form"); // to give a class to the button
        const element2=document.querySelector(".login-form");
        var unhide=element.style.display="block";
        var hider=element2.style.display="none";
}
function login()
{
        const element = document.querySelector(".login-form"); // to give a class to the button
        const element2 = document.querySelector(".Registration-form"); // to give a class to the button
        var unhide=element.style.display="block";
        var hider=element2.style.display="none";
}

Answer 1

Немного погуглив, я почти уверен, что вы могли видеть, но вот оно:

const registration =() => {

        const element = document.querySelector(".Registration-form");
        const element2=document.querySelector(".login-form");

        const unhide=element.style.display="block";
        const  hider=element2.style.display="none";
}
const  login = () => {
        const element = document.querySelector(".login-form"); // to give a class to the button
        const element2 = document.querySelector(".Registration-form"); // to give a class to the button
        const unhide=element.style.display="block";
        const hider=element2.style.display="none";
}

Эти типы функций называются стрелка / жирная стрелка функции.Вы должны прочитать о них, потому что есть случаи, когда они не работают как намерение.