Answer & Solution
<script> element have global scope, meaning they are accessible throughout the entire HTML document, including within other script elements and HTML elements.
<script> element have global scope, meaning they are accessible throughout the entire HTML document, including within other script elements and HTML elements.
What is the output of the following HTML code snippet? <br> <br> <script> <br>var globalVar = 'Hello'; <br>console.log(globalVar); <br> </script>
A). Hello
B). Undefined
C). Error
D). 'Hello'
What is the correct syntax for defining a global variable in HTML using the <script> element?
A). <script globalVar='value'>
B). <script var='globalVar' value='value'>
C). <script global var='globalVar' value='value'> </script>
D). <script global='globalVar' value='value'> </script>
Which of the following best describes the relationship between global variables in HTML and CSS?
A). Global variables in HTML can be accessed directly within CSS using custom CSS properties
B). Global variables in HTML must be converted to CSS variables before they can be used in CSS
C). Global variables in HTML and CSS are unrelated and cannot interact with each other
D). Global variables in HTML can only be accessed within the HTML document and cannot be used in CSS
How can you mitigate the risk of naming conflicts when using global variables within HTML documents?
A). By using unique and descriptive names for global variables
B). By using shorter variable names
C). By using the global attribute to specify global variables
D). By using the namespace attribute to define variable namespaces
What is the purpose of using the defer attribute in a <script> element in HTML?
A). To delay the loading of the script until after the HTML content is parsed
B). To prevent the script from executing unless triggered manually
C). To execute the script asynchronously
D). To specify the script's global variables
How can you declare a global variable in HTML using the data-* attribute within an HTML element?
A). <div data-global-var='value'> </div>
B). <div global-var='value'> </div>
C). <div data='global-var: value'> </div>
D). <div global data-var='value'> </div>
How can you ensure that a global variable defined in an external JavaScript file is accessible within an HTML document?
A). By linking the external JavaScript file using the <link> element
B). By using the import statement to import the variable from the external file
C). By using the defer attribute in the <script> tag that links the external file
D). By using the <script> tag to link the external JavaScript file
What is the purpose of using global variables in HTML?
A). To store data temporarily within a specific HTML element
B). To store data that needs to be shared and accessed across different parts of an HTML document
C). To restrict access to variables within a specific HTML element
D). To prevent accidental modification of variables
What is the correct syntax for accessing a global data attribute named 'global-var' from an HTML element with the ID 'myElement' using JavaScript?
A). document.querySelector('#myElement').getAttribute('data-global-var');
B). document.getElementById('myElement').getAttribute('global-var');
C). document.getElementById('myElement').getAttribute('data-global-var');
D). document.querySelector('#myElement').getAttribute('global-var');
Which of the following is a potential disadvantage of using global variables extensively within HTML documents?
A). Increased risk of naming conflicts and data pollution
B). Improved data organization and accessibility
C). Reduced dependency on JavaScript
D). Improved performance and efficiency