#####   ######  #####    ###    #   #  ###  #   #  ######
##  ##  ##      ##  ##  ## ##   #   #   #   #   #  ##
#####   ####    #####   #   #   #   #   #   #   #  ####
##  #   ##      ##      ## ##    # #    #    # #   ##
##   #  ######  ##       ###      #    ###    #    ######

$ curl repovive.com/roadmaps/javascript/getting-started/external-script-files

░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░█████████████████████████████████████████████████████████████████████████████

#####   ######  #####    ###    #   #  ###  #   #  ######
##  ##  ##      ##  ##  ## ##   #   #   #   #   #  ##
#####   ####    #####   #   #   #   #   #   #   #  ####
##  #   ##      ##      ## ##    # #    #    # #   ##
##   #  ######  ##       ###      #    ###    #    ######

$ curl repovive.com/roadmaps/javascript/getting-started/external-script-files

Repovive

External Script Files - Getting Started | JavaScript | Repovive

Repovive.

JavaScript22 sections · 783 units18h total

Open in Course

External Script Files

Separating code from HTML

For real projects, keep JavaScript in separate .js files. Create a file called script.js and link it with the src attribute:

<script src="script.js"></script>

This separation has $3$ benefits. First, your HTML stays clean and readable. Second, browsers can cache the JavaScript file, making repeat visits faster. Third, you can reuse the same script across multiple pages.