Navigate without ".html"

This is my current root:

main
    → index.html
    → page1.html

I would like to navigate the user on page1.html when a button is clicked. However, what I don’t want here is the url to have page1.html. It should rather have page1

For example, look at this link from discord: https://discord.com/app

They don’t have /app.html but rather /app which makes it easier for users to understand navigations. Similarly for https://stackoverflow.com/tags.

I would like to achieve this using pure HTML and/or JS. I’m looking for the most efficient and fastest methods to achieve this.

>Solution :

The .html extension can be removed by using a .htaccess file
Note: the full name of the file is just .htaccess

You have to follow these steps:

1. Log in to cPanel account.

2. In the Files section, click on the File Manager icon.

3. Click on the Settings Button in the top right corner.

4. If you want to make changes in the Primary Domain then Click on the radio button next to the Web Root. If changes are to be made on Other Domains, then Click the dropdown menu and find the domain in which changes are to be made.

5. Remember to check the checkbox next to Show Hidden Files. Now click the Save Button to return to the File Manager window.

6. Now you are in the Root Folder of the domain which you have selected to make changes. Search for the .htaccess file and right-click on it. Click on the Edit option in the menu. You can now add code to the .htaccess file.

   RewriteCond %{REQUEST_FILENAME} !-d
   RewriteCond %{REQUEST_FILENAME} !-f
   RewriteRule ^([^\.]+)$ $1.html [NC, L]
   

Click on Save Changes and Close