Boa Noite!
Resolvi aprender HTML/CSS/JavaScript, porém estou tendo problemas em passar uma váriavel para um iframe. Como sou novo e não sei explicar direito criei um exemplo pra ajudar vcs:
Tenho 2 arquivos HTML e 1 JavaScript
index.html
iframe.html
javascript.js
Eu quero clicar no botão "Add Ponto" para adicionar 1 ponto, e o valor total deve aparecer no index e no iframe, mas ele só está atualizando no index, no iframe ele continua 0.
Aqui um exemplo:
index.html
<!DOCTYPE html>
<html>
<head>
<script src="javascript.js"></script>
</head>
<body>
<a href=# onclick="addPonto()"><p>Add Ponto</p></a>
<input type="text" disabled id="pontoTotal">
<iframe src="iframe.html"></iframe>
</body>
</html>
javascript.js
function update(){
document.getElementById('pontoTotal').value = pontos;
document.getElementById('balanco').innerHTML = "BALANÇE" + pontos;
}
var pontos = 0;
function addPonto(){
pontos = pontos + 1;
update()
}
iframe.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Iframe</title>
<script src="javascript.js"></script>
<style>
</style>
</head>
<body>
<p id="balanco">BALANÇO 0</p>
</body>
</html>
↧