Ir ao conteúdo
  • Cadastre-se
LucasMachadoID

Javascript Mudar o texto de outra pagina com button

Recommended Posts

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";
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

@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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@DiF Poderia me ajudar em como isso ficaria com php ? ja tenho uma noção boa do mesmo, obrigado por enquanto.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×