opensource/freeCodeCamp
3
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-10-24 23:49:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(curriculum): Add interactive example to script element lesson (#62647)

Browse Source
This commit is contained in:
Giftea ☕
2025-10-09 14:58:12 -07:00
committed by GitHub
parent d584d64929
commit eb59d7e3e2
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
curriculum/challenges/english/blocks/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
+8 -4
View File
@@ -5,19 +5,23 @@ challengeType: 19
dashedName: what-is-the-role-of-the-script-element-in-html
---
# --description--
# --interactive--
The `script` element is used to embed executable code. Most developers will use this to execute JavaScript code. JavaScript is used to add interactivity to your web pages. Common examples of using JavaScript include interactive games, image sliders, and dynamic forms that validate user input in real-time. Here is an example of using the `script` element in an HTML document:
The `script` element is used to embed executable code. Most developers will use this to execute JavaScript code. JavaScript is used to add interactivity to your web pages. Common examples of using JavaScript include interactive games, image sliders, and dynamic forms that validate user input in real-time.
Here is an example of using the `script` element in an HTML document. Remove the `//` from in front of the `alert("Welcome to freeCodeCamp");` and you should see an alert pop up.
:::interactive_editor
```html
<body>
<script>
alert("Welcome to freeCodeCamp");
// alert("Welcome to freeCodeCamp");
</script>
</body>
```
In this example, we have an `alert` to display the message `Welcome to freeCodeCamp.` When the page first loads, the alert will pop up. Then the user can click on the OK button to dismiss the message.
:::
While you can technically write all of your JavaScript code inside the `script` tags, it is considered best practice to link to an external JavaScript file instead. Here is an example of using the `script` element to link to an external JavaScript file: