Breaking News: Grepper is joining You.com. Read the official announcement!

how to access javascript variable in html

Add Answer

MattDESTROYER answered on September 15, 2021 Popularity 10/10 Helpfulness 2/10

answer how to access javascript variable in html

related html call javascript variable

related Javascript variable access in HTML

how to access javascript variable in html

Comment

<!--
It is impossible to access a JavaScript variable using
HTML. HTML is completely different to JavaScript, it is
a markup language (HTML stands for Hyper Text Markup
Language), meaning it is only used to format or prepare
base content that is displayed.
You could access a global variable from an external
script, however, using an in-line script tag in HTML.
-->
<script src="some_external_script.js" defer></script>
<script defer>
	// if a global variable named some_global_variable
	// was defined by 'some_external_script', it can
	// be accessed here
	console.log(some_global_variable);
</script>

Popularity 10/10 Helpfulness 2/10 Language html

Source: Grepper

Tags: html javascript

Link to this answer
Share Copy Link

Contributed on Jun 15 2022

MattDESTROYER

0 Answers Avg Quality 2/10

Closely Related Answers

html call javascript variable

Comment

<!DOCTYPE html>
<html>
    <body>
        <!--\|/id here-->
        <p id="myText"></p>
        <p id="myTextTag"></p>
        <script>
            <!--Here we retrieve the text and show what we want to write...
            var text = document.getElementById("myText");
            var tag = document.getElementById("myTextTag");
            var toWrite = "Hello"
            var toWriteTag = "<a href='https://stackoverflow.com'>Stack Overflow</a>"
            <!--...and here we are actually affecting the text.-->
            text.innerHTML = toWrite
            tag.innerHTML = toWriteTag
        </script>
    <body>
<html>

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: call html

Link to this answer
Share Copy Link

Contributed on Sep 15 2021

Rafael Oliveira

0 Answers Avg Quality 2/10

html call javascript variable

Comment

<!DOCTYPE html>
<html>
    <body>
        <!--\|/id here-->
        <p id="myText"></p>
        <p id="myTextTag"></p>
        <script>
            <!--Here we retrieve the text and show what we want to write...
            var text = document.getElementById("myText");
            var tag = document.getElementById("myTextTag");
            var toWrite = "Hello"
            var toWriteTag = "<a href='https://stackoverflow.com'>Stack Overflow</a>"
            <!--...and here we are actually affecting the text.-->
            text.innerHTML = toWrite
            tag.innerHTML = toWriteTag
        </script>
    <body>
<html>

Popularity 8/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: call html java

Link to this answer
Share Copy Link

Contributed on Sep 15 2021

Rafael Oliveira

0 Answers Avg Quality 2/10

html call javascript variable

Comment

<!DOCTYPE html>
<html>
    <body>
        <!--\|/id here-->
        <p id="myText"></p>
        <p id="myTextTag"></p>
        <script>
            <!--Here we retrieve the text and show what we want to write...
            var text = document.getElementById("myText");
            var tag = document.getElementById("myTextTag");
            var toWrite = "Hello"
            var toWriteTag = "<a href='https://stackoverflow.com'>Stack Overflow</a>"
            <!--...and here we are actually affecting the text.-->
            text.innerHTML = toWrite
            tag.innerHTML = toWriteTag
        </script>
    <body>
<html>

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: call html javascript

Link to this answer
Share Copy Link

Contributed on Sep 15 2021

Rafael Oliveira

0 Answers Avg Quality 2/10

Javascript variable access in HTML

Comment

/*
The easiest way to make it work would be to put img element using onerror, and no src. 
This is a dirty workaround... But it fits.
html:

<div><img src onerror="getData(this,'d2')" /></div>
*/

const data_ = {
  'd1'  : 'data_1',
  'd2'  : 'data_2',
};

function getData(n_, key_){
  n_.parentNode.innerHTML = data_[key_];
}

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: html javascript

Link to this answer
Share Copy Link

Contributed on Nov 08 2023

Good Gnat

0 Answers Avg Quality 2/10

how to access javascript variable in html

Contents

More Related Answers

how to access javascript variable in html

Closely Related Answers

html call javascript variable

html call javascript variable

html call javascript variable

Javascript variable access in HTML

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.