I wanted to make a javascript loop in html like the following:
( if (var i=0; i<10; i++) { ) //<-- JAVASCRIPT
//HTML
( } ) //<-- JAVASCRIPT
I tried using the <% JAVASCRIPT %> but it won't work for me. Does anyone know who to solve this?
Thanks in advance.
This is not how javascript works. This is something you would do with PHP.
With javascript, you run it seperately from the html. Then, you create an element within your html as a wrapper to put the javascript generated html into. Like so:
HTML
<div id="myHTMLWrapper">
</div>
<script>
var wrapper = document.getElementById("myHTMLWrapper");
var myHTML = '<span class="test">Testing out my script!</span>';
wrapper.innerHTML = myHTML
</script>
See a working example here
Sorry I skipped over the for loop by the way. Let me fix it with this update... You could do it like this, you see:
<script>
var wrapper = document.getElementById("myHTMLWrapper");
var myHTML = '';
for (var i = 0; i < 10; i++) {
myHTML += '<span class="test">Testing out my script! loop #' + (i + 1) + '</span><br/><br/>';
}
wrapper.innerHTML = myHTML
</script>
for loops are control flow and thus cannot be inserted into a static context. Try mapping it, e.g.
`<html>` + data.map(function(a) { return `<div>${a}</div>` }).join('') + `</html>`
<script>
for(var i=0; i<10; i++) {
//Code here
}
</script>
https://www.w3schools.com/js/js_if_else.asp
https://www.w3schools.com/js/js_loop_for.asp
I'd suggest you read a bit before going straight into coding Either way your script seems deficient and I cant make out what you are trying to do with it.
Check these links if you want to append elements: https://www.w3schools.com/jquery/html_append.asp
for with if. The //Code here section could be replaced with a document.write().
ifdoes ...