Onclick de HTML1 agir no HTML2

Ted2370 · Outubro 26, 2019

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>

js

const { 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)

Entrar

Arquivado

Onclick de HTML1 agir no HTML2

Pergunta

Ted2370 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

0 respostas a esta questão

Recommended Posts

Conexão mysql com outro domínio

[Resolvido] JavaScript - Exibir logo dentro da Tabela html

Javascript - Calcular Valores Monetário em Tempo Real

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante