Onclick de HTML1 agir no HTML2
Eae gente
Bom, o problema é o seguinte
Eu criei 2 arquivos html: index.html e index2.html
o index é o html principal, e o index2 eu chamo atraves de um window.open
até ae esta tudo certo
mas estou tentando criar uma função onclick que, ao ser acionada no html2, altere um texto localizado no html principal
Desculpa pelo código estar extremamente bagunçado, é apenas um app para treinar, ja que sou bem leigo na programação
(Function Cadastrar se encontra no final do JS, onde estou tento problemas)
(o ID se encontra no meio do HTML1)
HTML1
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<link rel="stylesheet" href="style.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Nao sei</title>
</head>
<body>
<div class="body">
<div class="Lateral">
<div class="bgEstate">
<h1 class="txtCenter" id="txtcaixa">Caixa Fechado</h1>
</div>
<div>
<p class="txtInputtop" id="txtInput">Insira o Valor Inicial do Caixa</p>
</div>
<!--Insere o Valor Inicial do Caixa-->
<input type="number" name="initValor" id="initValor" class="txtInput">
<input type="button" value="Abrir Caixa" class="button" onclick="estateCaixa()" id="buttonEstate">
</div>
<div>
<div class="listProdutos">
<p id="ttitle">Insira o ID do produto <input type="number" name="idProd" id="idProd" class="inputnum">
<input type="button" value="Ok" onclick="ok()">
</p>
<h3 id="title">Lista de Produtos</h3>
<p class="DiviList"> ID - Lanches</p>
<p class="list" id="productlist">
01 - Misto </br>
02 - Misto Milho</br>
03 - Misto Catupiry</br>
04 - Misto Cheddar</br>
05 - Bauru</br>
06 - X-Burguer</br>
07 - Americano</br>
08 - X-Milho</br>
09 - X-Salada</br>
10 - X-Egg</br>
11 - Lombo</br>
12 - X-Batata Palha</br>
13 - Calabresa</br>
14 - Bacon</br>
15 - CalaBacon</br>
16 - CalaFrango</br>
18 - Galinhao</br>
19 - Costelão</br>
20 - X Tudo
</p>
<p class="DiviList"> ID - Cachorro Quente</p>
<p class="list">
21 - Dog Normal</br>
22 - Dog Duplo</br>
23 - Dog Cheddar</br>
24 - Dog Catupiry</br>
25 - Dog Milho</br>
26 - Dog Queijo</br>
27 - Dog Frango</br>
28 - Dog Especial</br>
29 - Dog Calabresa</br>
30 - Dog Bacon</br>
31 - Dog Pure</br>
32 - Dog Costela</br>
33 - Dog Tudo
</p>
<p class="DiviList"> ID - Porções</p>
<p class="list">
34 - Batata Frita</br>
35 - Batata Frita c/ Ched e Bac</br>
36 - Lombo</br>
37 - Calabresa</br>
38 - Churrasco
</p>
<p class="DiviList"> ID - Bebidas</p>
<p class="list">
39 - Água</br>
40 - Regri Lata</br>
41 - Cerveja Lata</br>
42 - Suco de Laranja</br>
43 - Corote</br>
44 - Taubaína 2L</br>
45 - Coca/Fanta 1.5L</br>
46 - Skol Beats
</p>
</div>
</div>
<div class="Total">
<div class="inputnum">
</div>
<div>
<h1>Capital Adquirido</h1>
</div>
<div class="TotalProdutos">
</div>
</div>
</div>
<script src="./js/main.js"></script>
<script src="./js/database.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-database.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.2.2/firebase-analytics.js"></script>
</body>
</html>
HTML2<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
body{
text-align: center;
background-color: blue;
}
h5{
color: white;
font-size: 20pt;
text-align: center;
}
#cadname{
color: black;
}
p{
font-size: 15pt;
color: white;
}
</style>
</head>
<body>
<h5>CADASTRO DE PRODUTOS</h5>
<p>Insira o Nome do Produto</p>
<input type="text" name="cadname" id="cadname">
<p>Insira o Preço do Produto</p>
<input type="number" name="cadname" id="cadvalue" step=".01" lang="nb">
<input type="button" value="Confirmar" onclick="cadastrar()">
<script src="./js/main.js"></script>
</body>
</html>
jsconst { app, BrowserWindow } = require('electron')
function createWindow() {
// Cria uma janela de navegação.
let win = new BrowserWindow({
width: 800,
height: 600,
fullscreen: true,
webPreferences: {
nodeIntegration: true
}
})
// e carregar o index.html do aplicativo.
win.loadFile('index.html')
win.setMenu = false
}
function ok() {
let win2 = window.open('index2.html',
'',
'width=400,height=400, fullscreen=false, resizable=no, ')
}
function estateCaixa() {
if (window.document.getElementById('txtcaixa').textContent == 'Caixa Fechado') {
window.document.getElementById('txtcaixa').textContent = 'Caixa Aberto'
window.document.getElementById('txtcaixa').style.background = 'green'
window.document.getElementById('buttonEstate').value = 'Fechar Caixa'
//window.alert('O caixa foi aberto!')
window.document.getElementById('initValor').setAttribute('disabled', 'disabled')
window.document.getElementById('txtInput').textContent = 'Capital Inicial do Caixa é:'
} else {
window.document.getElementById('txtcaixa').textContent = 'Caixa Fechado'
window.document.getElementById('txtcaixa').style.background = 'red'
window.document.getElementById('buttonEstate').value = 'Abrir Caixa'
// window.alert('O caixa foi fechado!')
window.document.getElementById('initValor').removeAttribute('disabled')
window.document.getElementById('txtInput').textContent = 'Insira o Valor Inicial do Caixa'
}
}
function cadastrar(){
let cad = window.document.getElementById('productlist')
cad.textContent = 'Apenas Teste'
}app.on('ready', createWindow)
Discussão (0)
Carregando comentários...