Why html and js files are not linking?

JavaScript
1

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="array.css">
    <script src="arrayIn.js"></script>
    <title>Document</title>
</head>
<body>
    <div class="inputpart">
    <form class="" action="index.html" method="post">
        <input type="text" name="array[]" value="" /><br>
        <input type="text" name="array[]" value="" /><br>
        <input type="text" name="array[]" value="" /><br>
        <input type="text" name="array[]" value="" /><br>
        <input type="text" name="array[]" value="" /><br>
        <button id="btn" type="button" name="button" onclick="arrayIn()">Submit</button>
    </form>
</div>
</body>
</html>

js

function arrayIn() {
    document.getElementsById("btn").console.log("hello world");
}
2

I spot a few things here

The correct method is getElementById with no s

but also you don’t need that at all

You can have the function with the console statement like this

function arrayIn() {
  console.log("hello world");
}

now you should be able to see the hello world when the button is clicked

3

Thanks for replying, but it’s not working.

4

what is your updated code look like now?

5

Screenshot 2023-09-12 at 12.23.38 PM
Screenshot 2023-09-12 at 12.23.38 PM3018×452 30.4 KB

I have tested it locally on my end and the console statements are showing up.

6

thank u so much,
I did a small mistake that’s y it was showing a error.
you are right . Now I got it correct.

7

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.