a very elementary JavaScript question

#native_company# #native_desc#

#native_cta#

This site is best viewed in a modern browser with JavaScript enabled.

hilarylaw

<!DOCTYPE html>
<html>
<body>

<p>Given that y=5, calculate x=y+2, and display the result.</p>
<button onclick="myFunction()">Try it</button>

</body>
</html>

Can anybody please explain me why on the "demoP.innerHTML="x=" + x;", the function has to be written in "="x=" + x;"? I got this example from w3school, but nobody explains anything about it.
Please help!!

JMRKER

The "x=" is a string to be displayed in the demo.
The x variable is the result of the calculation.

Take out either temporarily and view the results.
In one case you will see "x=" only and in the other you will see "7" only.

The nice thing about the "Try it" page is that you can make quick changes and see the results immediately.

hilarylaw

thx JMRKER

I have tried taking out either the "x=" or "+x",
it's x= and 7 respectively.
Is there any importance for writing "x=" in the function? Can I omit it?

There is another example:
<!DOCTYPE html>
<html>
<body>

<p>Click the button to create a variable, and display the result.</p>

</body>
</html>

As I have seen, the function(? sorry if I don't name the parts correctly) here doesn't have anything in quotation after innnerHTML.
Therefore, is the "x="necessary to be put in the function? If so, what's the importance of that? Does it affect anything? I have tried, the factor affects the calculation is y or 2 only. If I change these 2, the output will be affected. To my understanding, x itself is enough for the output. Why bother writing "x="?

Sorry for my clumsy reasoning, I haven't touched science for more than 10 years. I hope I hadn't annoyed you.

JMRKER

The "x=" portion is just a string. Nothing more, nothing less.
It is in the example to show the user what the new value of x (the variable) is (sum of 5+2).

The "x=" has NO EFFECT on the actual calculation of x = 5+2;
Change the string to a different display and see, for example, that you
could substitute as "The old value of x = 5 has changed with the addition of +2 to a new value of x="+x;

BTW: You should enclose your scripts between [ code] and [ /code] tags (without the spaces)
to make it easier to see your program and preserve your formatting.

hilarylaw

can i ask you another question?

<!DOCTYPE html>
<html>
<body>

<p>Given that x=10 and y=5, calculate x%=y, and display the result.</p>
<button onclick="myFunction()">Try it</button>

</body>
</html>

Given that x=10 and y=5, calculate x%=y, and display the result.

x=0

Why x=0?

when we use the operator %=, the calculation is x=x%y, given x=10, y=5
the calculation should be x=5/10010,
=0.0510
=0.5

why it's 0?

JMRKER

The % character used here is a modulo operation, NOT the percentage as you seem to be expecting.

Modulo operations are like division, but only the integer remainder is returned as a result.

Therefore:
10 % 5 is 0
11 % 5 is 1
12 % 5 is 2
13 % 5 is 3
14 % 5 is 5
and
15 % 5 is 0

I would suggest you read about the Math. operations
like +, -, *, /, %, Math.random(), Math.power(), etc.