Solution 1 :

is there any JavaScript files called ?

Links can changed via JavaScript

Problem :

As the title says, I have a navbar which point to different paths.
When hovered over, chrome shows the correct path.

but when I click on the button, it points to C:/index.html and I really don’t get why.

<!DOCTYPE html>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Scripi Andrei | Front End Developer with a passion for coding and designing to make internet a better place.</title>
    <meta name="description" content="Front End Developer with a passion for coding and designing to make internet a better place.">
    <meta name="robots" content="noodp, index, follow">
    <meta name="keywords" content="web developer, webdev, webdevelopment, web developer portfolio">
    <meta property="og:locale" content="en_US">
    <meta property="og:type" content="website">
    <meta property="og:title" content="Scripi Andrei | Romanian Front End Developer">
    <meta property="og:description" content="Front End Developer with a passion for coding and designing to make internet a better place.">
    <link href="css/normalize.css" rel="stylesheet" />
    <link href="css/font-awesome.min.css" rel="stylesheet" />
    <link href="css/fonts.min.css" rel="stylesheet" />
    <link href="css/main.css" rel="stylesheet" />
    <link href="" rel="stylesheet">
    <div id="use-portrait">
        <h6>To use this website you must use a portrait orientation!</h6>
        <h6>If you are using a computer and encountering this error, make the window bigger.</h6>
<div id="container">
            <header id="header" style="display:none;">
                <div id="bara-wrap">
                    <img src="img/logo.png" alt="LOGO" class="logo" />
                    <nav id="social">
                        <ul class="social">
                            <li class="x1"><a href="" target="_blank" title="Only for contact, message me there!" class="xx1"><i class="fab fa-facebook-f"></i></a></li>
                            <li class="x1 x2 x3"><a href="mailto:[email protected][email protected]" title="Contact me via email!" class="xx1 xx2"><i class="far fa-envelope"></i></a></li>
                    <nav id="bara">
                        <ul class="butoane">
                            <li class="btn"><a href="./index.html" id="active" class="home x1">home</a></li>
                            <li class="btn"><a href="./about.html" class="about x1">about</a></li>
                            <li class="btn"><a href="./skills.html" class="skills x1">skills</a></li>
                            <li class="btn"><a href="./contact.html" class="contact x1">contact</a></li>
            <div id="central">
                <div id="intro-wrap">
                    <h1 id="intro" style="display:none;">hi</h1>
                    <h6 class="intro" style="display:none;">This is a small step to achieve one of my dreams. A small place on the internet where people get to know me. Creative and functional, built with passion and hard work.</h6>
                    <div id="button-wrap">
                        <button type="button" id="more" style="display:none;">Learn more</button>
            <div id="hr" style="display: none;">
                <hr />
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/loader.js"></script>

I’ve also tried doing it like this:

<ul class="butoane">
    <li class="btn"><a href="index.html" id="active" class="home x1">home</a></li>
    <li class="btn"><a href="about.html" class="about x1">about</a></li>
    <li class="btn"><a href="skills.html" class="skills x1">skills</a></li>
    <li class="btn"><a href="contact.html" class="contact x1">contact</a></li>

Can you tell me what’s going on? I really don’t understand why it doesn’t work. Thanks.


Comment posted by Abdelrahman Gobarah

is there any JavaScript files called ?

Comment posted by octnic

Yes. That was the problem. Great answer. If you want, you can add that as an answer and I will accept it asap.