Can we print loop output in same page.

Question

Like we have html page inside that we have input tag for taking input from user and that input value is going to be used in loop as well,
And after some calculations done by loop the output will be printed next to input in another div in same html page.

Is it possible !!

Souce code:

https://code.sololearn.com/W7gYdfXr455J/?ref=app

Answer 1

Hey there Ashu, here is the fixed code:

https://code.sololearn.com/WsRm6k9V12eA/?ref=app

Just remove the innerHTML from the variable itself and use '+=' instead of '=';

You were overwriting the document again, that's why the result was being shown in a new page!

Answer 2

Yes use innerHTML property for that .

Answer 3

https://code.sololearn.com/W0AVEua3MZ13/?ref=app

See for sample I had used innerHTML property with functions.

Answer 4

Ok just share your source code so that we can modify it

Answer 5

Hay Ashu . Arb Rahim Badsa bro has done it for you .

Answer 6

Use javascript to get the value from input. Make a variable like
$var=document.getElementById('textbox_id').value

Then use this variable for calculation and then return it's value in the same textbox or into another one.

Answer 7

Are you using any eventlistner?

Answer 8

Use js event like onclick ....then use innerhtml then that function will run with automatically changed value on the same page

Answer 9

You can also do this you can store the text field value in variable ... Do you calculation store in new variable, create a onclick or oninput function then return it's value using the document.getelementbyid('').value= new variable value;

Share your code if you still have problem we can help you out

Answer 10

Thank you guys.

#Auysh
#Vishal
#Rahim

Answer 11

Thank you so much bro

#Arb rahim badsa

Answer 12

But after using InnerHTML property
Output print in another page not in same page bro.
I am looking that output should print in a same page in one particular div.

#Ayush. ks

Answer 13

How should I return loop output,

In my case it only print last line of loop.
#vishal

Answer 14

Yes bro i use eventListner Onclick.

Answer 15

Ok wait I will show my work

Answer 16

https://code.sololearn.com/W7gYdfXr455J/?ref=app

This is my code.

Answer 17

Got It... So you're trying to return a whole sequence of table in your html box

Answer 18

@Arb Rahim. Not thought of that actually.

I tried using an array to store the value of the loop, it worked but retrieving all the values in a same textbox was the challenge. It was only retrieving the final value. But somehow it worked. But you did great work. Appreciated.