Ir para conteúdo

Ted2370

Members
 Perfil  Explorar Conteúdo

  • Total de itens

    14

  • Registro em

  • Última visita

Reputação

0 Comum

Sobre Ted2370

Últimos Visitantes

O bloco dos últimos visitantes está desativado e não está sendo visualizado por outros usuários.

  1. Ted2370 começou a seguir Função para somar (problemas), Dúvida com link e div's, Ignorar a Posição do Mouse e e 5 outros
  2. Ted2370

    Dúvida com link e div's

    Ted2370 respondeu ao tópico de Marlonsantos em Desenvolvimento frontend

    Existem varias maneiras de centralizar, outra seria position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); Segue Exemplo (Foque na classe centralizarXeY do css): https://jsfiddle.net/svpxu0Lr/42/
  3. Ted2370

    Ignorar a Posição do Mouse

    Ted2370 respondeu ao tópico de dmelo em Javascript

    Ignorar como? Se voce quer q a função realize apenas com o click do mouse em qualquer lugar da sua pagina, experimentar colocar essa função no body <body onclick="funcaoclick()"> .... </body>
  4. Ted2370

    A Procura de Equipe

    Ted2370 respondeu ao tópico de lumbarque_Oficial em Desenvolvimento de Games

    Tem algum tipo de projeto em mente? Algum seguimento que pretende seguir? Qual linguagem tem conhecimento?
  5. Ted2370
    provavelmente está em local errado na mesma pasta onde se encontra seu arquivo html, crie uma pasta com o nome img e insira a imagem dentro. no html use o <img src="img/imagem.png"/>, no src, ao escrever img e colocar a /, o visual studio code ja completo com os arquivos do local, basta selecionar. (caso use vscode)
  6. Ted2370

    Publicação de HTML

    Ted2370 respondeu ao tópico de Kemily em Desenvolvimento frontend

    Bom, se o objetivo é hospedar um site, recomendo a utilização do firebase hosting, serviço gratuito fornecido pela google e de otima qualidade, sinceramente qualquer iniciante pode subir um site sem problemas. em questão das imagens, aparentemente, olhando source da pagina você só fez o upload do arquivo index.html, falta você faz o up do css e das imagens para que o site as encontre e exiba, basta responder essa mensagem caso queira algo mais detalhado.
  7. Ted2370

    JAVASCRIPT - Erro em multiplicar 03(três) Inputs

    Ted2370 respondeu ao tópico de violin101 em Javascript

    Sei que ja resolveu, mas se bem entendi, voce disse que quando se colocava 0 em algum dos inputs o script nao funcionava. Se você notar, no if você poe a condição que a função só vai realizar se todos os valores forem maiores que 0, logo quando algum input recebe o valor 0 o script é parado.
  8. Ted2370
    Estou buscando aprender sobre o real-time-database do firebase, e de inicio estou tentando dar um push de 2 inputs pro meu banco de dados, mas quando clico no botao, nada acontece :( . Erro-Console: Uncaught ReferenceError: firebase is not defined at real-time-database.js:14 app.js: const firebaseConfig = { apiKey: "AIzaSyAz6JIkeQ6rH1gXTPIsTR24ce2nlLDUQcE", authDomain: "curso-fb-2d7d0.firebaseapp.com", databaseURL: "https://curso-fb-2d7d0.firebaseio.com", projectId: "curso-fb-2d7d0", storageBucket: "curso-fb-2d7d0.appspot.com", messagingSenderId: "198229858892", appId: "1:198229858892:web:aff0435d35f24210f432e9", measurementId: "G-YRW39NLBWM" }; firebase.initializeApp(firebaseConfig); firebase.analytics(); real-time-database.js var nameInput = window.document.getElementById("nameInput"); var ageInput = window.document.getElementById("ageInput"); var addButton = window.document.getElementById("addButton"); //Ao clicar no botão addButton.addEventListener('click', function(){ create(nameInput.value, ageInput.value) }); function create(name, age){ var data = { name: name, age: age }; return firebase.database().ref().child('users').push(data); } Index.html <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta http-equiv="Content-Type" content="text/html"> <title>Aula FireBase</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="css/styles.css"> </head> <body> <h1>Bem Vindo ao FireBase</h1> <ul> <li><a href="real-time-database.html">Real Time Database</a></li> </ul> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script> <script src="https://www.gstatic.com/firebasejs/7.3.0/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/7.3.0/firebase-analytics.js"></script> <script src="js/app.js"></script> </body> </html> real-time-database.html <!DOCTYPE html> <html lang="pt-BR"> <head> <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script> <link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta http-equiv="Content-Type" content="text/html"> <title>Aula FireBase</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="css/styles.css"> </head> <body> <h1>Real Time Database</h1> <ul id="usersList"></ul> <div class="cool-md-4"> <form> <div class="form-group"> <label for="nameInput">Nome</label> <input type="text" class="form-control" id="nameInput" placeholder="Nome"> </div> <div class="form-group"> <label for="ageInput">Idade</label> <input type="number" class="form-control" id="ageInput" placeholder="Idade"> </div> <button class="btn btn-lg btn-block btn-primary" id="addButton">Adcionar</button> </form> </div> <br><br> <a href="index.html">Voltar para Home</a> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script> <script src="js/real-time-database.js "></script> <script src="https://www.gstatic.com/firebasejs/7.3.0/firebase-app.js"></script> <script src="https://www.gstatic.com/firebasejs/7.3.0/firebase-analytics.js"></script> <script src="js/app.js"></script> </body> </html> package.json { "name": "curso-fb", "version": "1.0.0", "description": "", "main": "index.js", "dependencies": { "jquery": "^3.4.1", "bootstrap": "^4.3.1" }, "devDependencies": {}, "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC" }
  9. Ted2370

    Função para somar (problemas)

    Ted2370 respondeu ao tópico de Ted2370 em Javascript

    Caramba, incrível, você acabou d me dar uma aula kkk. Agora entendi!! E uma pena que o fórum ta com algum problema que não estou conseguindo votar a sua resposta com obrigado :(
  10. Ted2370

    Função para somar (problemas)

    Ted2370 respondeu ao tópico de Ted2370 em Javascript

    Nossa, isso de fato resolveu meu problema, unica coisa que tive que alterar foi ter de adicionar as variáveis para dentro da function se não me retornava um erro. mas fiquei com duvida em uma coisa: poderia me explicar o que foi isso de forma menos técnica? como sou leigo no assunto, não entendi essa questão do ? 0 e depois : resultadoValor
  11. Ted2370

    Função para somar (problemas)

    Ted2370 respondeu ao tópico de Ted2370 em Javascript

    recebo um erro, onde nem é possível startar por conta desses + antes das variáveis erro: SyntaxError: Invalid left-hand side in assignment
  12. Ted2370

    Função para somar (problemas)

    Ted2370 postou um tópico no fórum Javascript

    Bom, provavelmente estou cometendo algum erro bobo, mas como sou leigo, vou pedir a ajuda de vocês ^^ A ideia é que a função somar() tenha que ir somando o input adicionado já com o antigo, mas ele fica adicionando e não somando :( alguém poderia apontar o erro? Já tentei usar o parseFloat e o parseInt, mas acho que não consegui usar de forma correta, talvez seja essa a falha HTML <!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> </head> <body> <div> <!--Input dos Numeros--> <input type="number" name="" id="input"> <!--Botão para Soma--> <input type="button" value="OK" onclick="somar()"> <br> <br> <!--Resultado--> <input type="number" name="" id="resultado" readonly='true'> </div> <script src="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, webPreferences: { nodeIntegration: true } }) // e carregar o index.html do aplicativo. win.loadFile('index.html') } // Função do botao para ir somando a cada numero que colocado no input function somar(){ let input = window.document.getElementById('input').value let resultado = window.document.getElementById('resultado') resultado = resultado.value += input } app.on('ready', createWindow)
  13. Ted2370
    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)
  14. Ted2370 começou a seguir Condição não funcionando em string
  15. Ted2370

    Condição não funcionando em string

    Ted2370 respondeu ao tópico de Ted2370 em Javascript

    ISSO!! Muito obrigado, o erro então era que eu devia usar o .textContent Tentei usar o .innerHTML e nem assim consegui, mas com o .textContent foi!! Valeu!
  16. Ted2370

    Condição não funcionando em string

    Ted2370 postou um tópico no fórum Javascript

    Primeiro, eu sou leigo no assunto e estou tentando aprender sobre funções criando um programa básico! O problema é que estou tentando fazer uma condição que: Ao apertar o botão: Abrir Caixa, a ideia é que apareça um alert na tela dizendo que o caixa foi aberto. até aí tudo bem. Mas queria que, ao pressionar o botão novamente, ele fechasse o caixa. Pra isso tentei utilizar a própria string do que, quando estivesse escrito 'Caixa Fechado', ele abriria, e quando estivesse 'Caixa Aberto' ele fecharia o problema é que eu não sei por que o meu js não ta reconhecendo o que está escrito na string, só reconhece que é uma string. (quando tento o mesmo código no node exec, ele funciona) :( ta aí os Códigos: <!DOCTYPE html> <html lang="pt-BR"> <head> <link rel="stylesheet" href="estilos.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>Caixa</title> </head> <body> <div class="lateral" > <h1 class="" name="txtest" id="estado">Caixa Aberto</h1> <input type="number" name="txtinit" id="txtinit" class="txtinit"> <input type="button" value="Abrir Caixa" onclick="abrir()" class="open" id="abrir"> </div> <script src="./main.js"></script> </body> </html> const { app, BrowserWindow } = require('electron') function createWindow() { let win = new BrowserWindow({ width: 1360, height: 720, fullscreen: false, frame: true, webPreferences: { nodeIntegration: false } }) win.loadFile('index.html') win.removeMenu('index.html') } function abrir() { var estate = window.document.getElementById('estado') if (estate == 'Caixa Aberto') { estate = 'Caixa Aberto' window.alert("O caixa foi Aberto!") } else { estate = 'Caixa Fechado' window.alert("O caixa foi Fechado!") } } app.on('ready', createWindow) body{ background: rgba(231, 223, 206, 0.37); } .word{ background: red; } .txtinit{ font-variant-numeric: tabular-nums; height: 20px; width: 200; background: rgba(231, 223, 206, 0.37); } .open{ height: 60px; width: 200px; margin-top: 500px; } .lateral{ text-align: center; background: rgba(0, 0, 0, 0.74); margin-top: 20px; height: 670px; width: 250px; }
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito