Html + JavaScript Follow Button

DIFFICULT BUT YOUR TEACHER IS DIFFICULT BUT YOUR TEACHER IS FOR THIS WE GOING TO WRITE A TIKTOK FOLLOW BUTTON RIGHT THIS HOW YOU DO IT FIRST OF ALL YOU GONNA WRITE BUTTON YOU CLOSE IT AND YOU NAME FOLLOW NAME FOLLOW YOU SEE WHEN WE SAVE IT SHOWS THE BUTTON NAME FOLLOW SO I WANNA TAKE IT LITTLE BIT DOWN AND LITTLE BIT INSIDE SO BY DOING SO I HAVE TO STYLE THE BUTTON TO STYLE IT FIRST OF ALL YOU THE MARGIN OKAY MY MARGIN THE 50 PX RIGHT CHECK SEE NOW IT CAME A BIT INSIDE OKAY SO THE SECOND THAT I'M GONNA GIVE IT THE SAME SHAPE LOOK AND FEEL AND ALLOW THAT RIGHT UH TO DO THAT FIRST OF ALL I'M GONNA HAVE UH PADDING MY PADDING ON THE GONNA MAKE IT 20 PX RIGHT PADDING ON THE RIGHT I'M GONNA MAKE IT UH 20 PX AGAIN RIGHT AND PADDING UH AT THE BOTTOM I'M GONNA MAKE IT UH 10 OKAY 10 PX RIGHT AND PADDING UH AT THE BOTTOM I'M GONNA MAKE IT 10 PX AS WELL RIGHT AND AFTER THAT I WANNA GIVE IT UM A COLOUR MY COLOUR THE RIGHT TOP IS GONNA BE WHITE RIGHT COLOUR IT WHITE SO GIVING IT WHITE I WANNA GIVE IT THE BACKGROUND COLOUR I'M GONNA GIVE IT RED RIGHT BUT BECAUSE I CAN SEE THIS RATE IS NOT THE TIKTOK RATE GIVE THIS A LITTLE BIT SQUARE THEN ER I'M GONNA CHANGE IT TO JA SOMETHING LIKE THIS BECAUSE I THINK THIS IS THE RIGHT TIKTOK UH ALRIGHT I'M GONNA SAY YOU SEE IT'S GOT THIS BLACK UGLY BORDER TO REMOVE IT YOU GONNA SAY BORDER RIGHT THEN WE SAY NONE RIGHT AND AFTER THAT WE'RE GONNA HAVE TO YOU SHOULD THINK THAT THE BUTTON DOESN'T HAVE LIKE A SHARP CONNERS IS GOT LIKE A BIT OF CURVY CONNERS DO IT WE WANNA SAY BORDER RADIUS RIGHT BODY REST GONNA GIVE IT 7 PX WHEN WE DONE WHEN YOU SAVE IT A BUTTON AND A BUTTON NOW WE WANNA WRITE A JAVASCRIPT A JAVASCRIPT THAT WILL WHEN WE IT CHANGES TO UNFOLLOW BECAUSE YOU WHAT UH UH ON TIKTOK SO WHEN YOU CLICK FOLLOW BUTTON IT CHANGES AND IT WRITES UNFOLLOW RIGHT WE GONNA DO IT WHEN WE WRITE A JAVASCRIPT WE NEED TO HAVE A WAY A JAVASCRIPT CAN RECOGNISE WHAT ELEMENT ARE WE ACTUALLY TALKING ABOUT ON THE ENTIRE DOCUMENT RIGHT IN THIS CASE WE TALKING ABOUT THE BUTTON OF COURSE GIVE THE BUTTON AN IDENTITY I'D AN IDENTITY SO THAT IN THE JAVASCRIPT CODE IT CAN RECOGNISE EXACTLY WHICH ONE WE TALK ABOUT RIGHT SO THIS HOW WE GIVE IT WE SAY ID FOLLOW BT AND BTN BASICALLY MEANS BUTTON NE DON'T GET CONFUSED SO YOU CAN ALWAYS MAKE IT UM BUTTON SO I JUST DONE LIKE THIS JAVASCRIPT IS A SCRIPT RIGHT SO WE GONNA PUT THE TEXT SCRIPT SCRIPT THEN AFTER THAT IT'S CLOSED NE SO THIS IS WHAT WE GONNA SAY ON THE ENTIRE DOCUMENT GO THE HTML WORKING ON IS A DOCUMENT RIGHT ON THE ENTIRE WRITE IT SO THAT YOU UNDERSTAND ON THIS DOCUMENT RIGHT WE GOING TO GET AN ELEMENT BY ITS ID WHICH ELEMENT THE BUTTON THE CASE THE COMPONENT BUTTON IS AN ELEMENT RIGHT WITH ITS I D WE GAVE IT THE IDENTITY NAME RIGHT SAY GET ELEMENT BY ID FOLLOW BTN THEN IN BRACKETS WE GONNA GET THE ID NAME WHICH IS FOLLOW THAT BUTTON RIGHT AFTER GETTING THE ID WHAT DO WE WANT THE SAME ELEMENT TO TO DO SAY WE GONNA BECAUSE WE OBVIOUSLY WANNA CLICK IT ISN'T IT ON CLICK RIGHT NOW WE HAVE TO REMEMBER THE BUTTON OWN IS ACTUALLY A FUNCTION BECAUSE WHY US CLICKING IS ITS FUNCTION THE FUNCTION OF MY PHONE IS TO MAKE PHONE CALLS RIGHT THE FUNCTION OF THE REMOTE IS TO CHANGE AND ACTUAL DO WITH IT THE MOUSE IS TO DO WHATEVER ACTUALLY WANNA DO SO YOU YOU TRYNA SAY FUNCTION OF MY WATCH IS TO UH UH CHECK TIME SO WE GONNA SAY IT'S POSSIBLE FUNCTION THEN WE CLOSE OPEN AND CLOSE BRACKET AND NOW WE GONNA SAY NOW WE WANT THIS BUTTON TO BEHAVE AND WE HAVE TO NOW TOLD THE JAVASCRIPT CODE ON WHAT EXACTLY THE CODE OR HOW EXACTLY THE CODE HAVE TO BEHAVE WHEN CLICKED RIGHT OKAY WE SAID WE WANT THE BUTTON TO CHANGE AND RIGHT UNFOLLOW RIGHT WHICH BUTTON THE SAME BUTTON WORKING ON THIS BUTTON THIS BUTTON WE ARE WORKING ON WE WANT IT TO CHANGE WHAT WE WANT IT TEXT CONTENT TO CHANGE IN BE THE WORD FOLLOW TO CHANGE IT TO UNFOLLOW HOW WE WRITE IT THIS BUTTON THAT THAT WE WE ARE WORKING ON IT'S TEXT CONTENT WE SEE CALLS TO UNFOLLOW RIGHT NOW WE GONNA REFRESH WE CLICK FOLLOW IT MUST CHANGE IT TO UNFOLLOW AND TADA JUST LIKE THAT PLEASE TELL ME IT'S DIFFICULT YOU'RE NOT SERIOUS YOU'RE NOT SERIOUS AND I KNOW YOU'RE GONNA BE SAYING DO I HAVE A YOUTUBE CHANNEL OR NOT YOU GET ON MY PROFILE YOU GONNA CHECK MY BUT I HAVEN'T STARTED POSTING ANYTHING BECAUSE I WANT YOU TO PROVE IT TO ME THAT TO DO MORE OF THIS VIDEOS ON YOUTUBE SO I'LL THEN BE ABLE TO DO THAT SO YOU GO TO YOUTUBE YOU COPY THE LINK YOU TELL YOUR FRIENDS TO SUBSCRIBE TO THAT YOUTUBE CHANNEL TA DA