CODEWITHSUNDEEP
javascripthtml
Deepak
Deepak

Reputation: 3

Print a given sentence , given times, using javascript

i'm new to programming, wanted to practice. I wanted to make an html document with javascript embedded, the document will have two input fields in one field the user will type the sentence and in the second field she will type how many times she wanna print it, than when she click on the button the script will print that text in the "printhere" div.
i tried but failed, following is my code, can someone please tell me what i am messing ?

<html>
<body>

<!-- form started -->
<form>
<!-- what sentence to print -->
What to write?<br>
<input id="what"><br><br>

<!-- how many times to print -->
How many times ?<br>
<input id="howmany"><br><br>

<!-- the button -->
<button type="button" onclick="printItNow()">Print Now</button>
<form>
<!-- form ended -->

<!-- the div where the content will print -->
<div id="printhere">

</div>


<script>
function printItNow() {
    var printhere = document.getElementById('printhere');
    var whatto = document.getElementById('what');
    var howmany = document.getElementById('howmany');


    for (var i=0; i<howmany; i++) {
        printhere.innerHTML += whatto;
    }
}

</script>

</body>
<html>

thank you all. :)

Upvotes: 0

Views: 98

Answers (2)

Bangash
Bangash

Reputation: 1172

Change 
var whatto = document.getElementById('what');
to 
var whatto = document.getElementById('what').value;


var howmany = document.getElementById('howmany');
to 
var howmany = document.getElementById('howmany').value;

and

printhere.innerHTML += whatto;
to
printhere.innerHTML += whatto+"<br>";

the third change is not must technically , but it will put every sentence on its own line.

Upvotes: 0

Sudhir Bastakoti
Sudhir Bastakoti

Reputation: 100195

you missed .value, in document.getElementById(), change:

var whatto = document.getElementById('what');
var howmany = document.getElementById('howmany');

to

var whatto = document.getElementById('what').value;
var howmany = document.getElementById('howmany').value;

Upvotes: 1

Related Questions