Javascript Mudar o texto de outra pagina com button

LucasMachadoID · 5 de dezembro de 2018

Galera, boa tarde.

Estou criando um sistema de senha super simples aqui para a empresa, porém não estou conseguindo alterar o texto de uma div que está em outra pagina, segue o que tenho.

Esse é onde chama a senha e irá alterar o numero no painel.html

Index.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Chamar Recarga</title>
<link rel="stylesheet" type="text/css" href="csschamar.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script type="text/javascript" src="script.js"></script>
</head>

<body>

<b id="paragrafo"> </b>

<div class="tabela">
	<table class="table table-hover">
		<thead>
    <tr>
      <th colspan="4">Escolha em qual guichê deseja chamar a proxima recarga</th>
      
    </tr>
    	 </thead>
			<tbody>
	<tr>
      <td><button type="button" class="btn btn-primary" onclick="funcao()">Guichê 01</button></td>
      <td><button type="button" class="btn btn-primary">Guichê 02</button></td>
      <td><button type="button" class="btn btn-primary">Guichê 03</button></td>
      <td><button type="button" class="btn btn-primary">Guichê 04</button></td>
    </tr>
    
    <tr>
      <th><button type="button" class="btn btn-primary">Guichê 05</button></th>
      <td><button type="button" class="btn btn-primary">Guichê 06</button></td>
      <td><button type="button" class="btn btn-primary">Guichê 07</button></td>
      <td><button type="button" class="btn btn-primary">Guichê 08</button></td>
    </tr>
    
    <tr>
      <th><button type="button" class="btn btn-primary">Guichê 09</button></th>
      <td><button type="button" class="btn btn-primary">Guichê 10</button></td>
      <td><button type="button" class="btn btn-primary">Guichê 11</button></td>
      <td></td>
    </tr>	
    		</tbody>
	</table>	
	</div>

</body>
</html>

Painel.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Painel de Recarga</title>
<link rel="stylesheet" type="text/css" href="csspainel.css">
<script type="text/javascript" src="script.js"></script>
</head>

<body>

	<div  class="texto">
			<b>Proximo no guiche</b>
	</div>
	
	
	<div  class="senha">
			<b id="paragrafo"> </b>
	</div>
</body>
</html>

function funcao() {
    document.getElementById("paragrafo").innerHTML = "1";
}

DiF · 5 de dezembro de 2018

@LucasMachadoID

O problema daí é que não tem como passar dados entre arquivos html. É necessário o uso da linguagem de programação server-side(php) por exemplo passando dados por parâmetro em get ou pelo método post.

O que você pode fazer é chamar os dados com javascript na mesma tela, aí sim.