acf domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/drbetsycharles/curiosity.drbetsycharles.com/wp-includes/functions.php on line 6121edali-toolkit domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/drbetsycharles/curiosity.drbetsycharles.com/wp-includes/functions.php on line 6121learnpress domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/drbetsycharles/curiosity.drbetsycharles.com/wp-includes/functions.php on line 6121learnpress domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/drbetsycharles/curiosity.drbetsycharles.com/wp-includes/functions.php on line 6121edali-toolkit domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/drbetsycharles/curiosity.drbetsycharles.com/wp-includes/functions.php on line 6121edali domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /home/drbetsycharles/curiosity.drbetsycharles.com/wp-includes/functions.php on line 6121The <script> Tag
In HTML, JavaScript code is inserted between <script> and </script> tags.
Example:
<script>
document.getElementById(“demo”).innerHTML = “My First JavaScript”;
</script>
Old JavaScript examples may use a type attribute: <script type=”text/javascript”>.
The type attribute is not required. JavaScript is the default scripting language in HTML.
JavaScript Functions and Events
A JavaScript function is a block of JavaScript code, that can be executed when “called” for.
For example, a function can be called when an event occurs, like when the user clicks a button.
You will learn much more about functions and events in later chapters.
JavaScript in <head> or <body>
You can place any number of scripts in an HTML document.
Scripts can be placed in the <body>, or in the <head> section of an HTML page, or in both.
JavaScript in <head>
In this example, a JavaScript function is placed in the <head> section of an HTML page.
The function is invoked (called) when a button is clicked:
Example:
<!DOCTYPE html> <html>
<head>
<script>
function myFunction() {
document.getElementById(“demo”).innerHTML = “Paragraph changed.”;
}
</script>
</head>
<body>
<h1>A Web Page</h1>
<p id=”demo”>A Paragraph</p>
<button type=”button” onclick=”myFunction()”>Try it</button>
</body>
</html>
External JavaScript Advantages
Placing scripts in external files has some advantages:
To add several script files to one page – use several script tags:
Example:
<script src="myScript1.js"></script> <script src="myScript2.js"></script>