How can I assign a javascript variable in html format?

Question

For example, there is a page like below.

<html>
<head>
<title>Variables!!!</title>
<script type="text/javascript">
var lookatthis = 11;
var one = 22;
var two = 3;
var add = one + two;
var minus = one - two;
var multiply = one * two;
var divide = one/two;
    document.write("First No: = " + one + "<br />Second No: = " + two + " <br />");
    document.write(one + " + " + two + " = " + add + "<br/>");
    document.write(one + " - " + two + " = " + minus + "<br/>");
    document.write(one + " * " + two + " = " + multiply + "<br/>");
    document.write(one + " / " + two + " = " + divide + "<br/>");
</script>
</head>
<body>
</body>
</html>

I want to assign the javascript variable "lookatthis" on debug console.

//apologise for my ambiguous question. I would rather say, "I want to assign new value to variable "lookatthis" on this web-page using console on explorer."

Thank you for your kind teaching.)

put a debugger and then assign it from the console. What difficulty do you face in that? — Krishna Prashatt
– Krishna Prashatt, Commented Mar 19, 2019 at 8:07
If it's an input then it's Element.value = lookatthis;, otherwise it's Element.innerHTML = lookatthis;. Element can be gotten, via document.getElementById('yourHTMLidHere') or any number of DOM methods. Make sure you escape .innerHTML special characters. Refrain from using document.write whenever possible (which is always). — StackSlave
– StackSlave, Commented Mar 19, 2019 at 8:13

Alex · Accepted Answer · 2019-03-19 08:15:58Z

1

Open debug console and write there:

lookatthis = 20

But this get you nothing

answered Mar 19, 2019 at 8:15

Alex

1,4239 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

NiVeR · Accepted Answer · 2019-03-19 08:07:34Z

0

You can use the log method:

console.log(lookatthis);

answered Mar 19, 2019 at 8:07

NiVeR

9,8064 gold badges33 silver badges36 bronze badges

2 Comments

jro Over a year ago

OP wants to assign the variable, not print it

NiVeR Over a year ago

From the "variety" of answers we can deduce that the question indeed is unclear. So we will wait the decision of the asker to accept (perhaps) one the answers and clear the doubts. :)

Richard Uie · Accepted Answer · 2019-03-19 08:09:33Z

0

Anywhere in your script block after your initial assignment of lookatthis, you can write the value to the console with the command:

console.log(lookatthis);

answered Mar 19, 2019 at 8:09

Richard Uie

1614 bronze badges

Comments

Dzmitry Aleinik · Accepted Answer · 2019-03-19 08:16:27Z

0

You achieve it by using prompt function

var lookatthis = prompt('Type the lokaltthis value');

answered Mar 19, 2019 at 8:16

Dzmitry Aleinik

161 bronze badge

Comments

ProblemsEverywhere · Accepted Answer · 2019-03-19 08:16:34Z

0

If what you want is to be able to 'set' the value of lookatthis, you can use an input and using jquery or pure js get the value of the input and assign it to 'lookatthis'.

Edit: You can also use in the chrome console: lookatthis=25 but as your script loads when page loads, changes will not be shown but the value will be changed

edited Mar 19, 2019 at 8:16

answered Mar 19, 2019 at 8:11

ProblemsEverywhere

5472 silver badges9 bronze badges

Collectives™ on Stack Overflow

How can I assign a javascript variable in html format?

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related