1
Guys I made a list in JSON with the name of lista_json.js and put it in the head HTML, but I’d like to take it from body, codes work on the console but I can’t print on the screen, which I’m doing wrong?
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script language="JavaScript" src="lista_json.js" ></script>
</head>
<body>
<h1>lista</h1>
<p id="teste"></p>
<script language="JavaScript" src="lista_json.js" >
document.getElementById("teste").innerHTML = pag_1.produto;
</script>
</body>
</html>
The file lista_json.js:
var pag_1 = {"produto":"produto1", "valor":1};
var pag_2 = {"produto":"produto2", "valor":2};
var pag_3 = {"produto":"produto3", "valor":3};
var pag_4 = {"produto":"produto4", "valor":4};
var pag_5 = {"produto":"produto5", "valor":5};
var pag_6 = {"produto":"produto6", "valor":6};
var pag_7 = {"produto":"produto7", "valor":7};
var pag_8 = {"produto":"produto8", "valor":8};
Do you have any error on the console? nothing appears?
– Sergio
No and in the console I take the data, print in various ways. However it does not work in html.
– Golpian
"However it does not work in html", you can explain better?
– Sergio