Calculadora em Javascript

Olha essa calculadora, como é feita!

[url]http://www.devin.com.br/calculadoras-javascript/[/url]

Sempre que postar um código use a tag code "</>" do primeiro ícone a esquerda facilita a leitura e consequentemente a ajuda.

Seu código não executa porque como em qualquer linguagem as funções devem ser chamadas pare serem executadas.

Isto pode ser feito de várias formas, uma delas é a seguinte:



Você pode criar um botão no html e chamar a função ao clicá-lo.

Outra forma é utilizar o evento onLoad da tag body:



Ai fica a seu critério qual a forma vai atender a sua necessidade.

Jothaz, você o link da calculadora que postei, achei boa, completa, alias, mostra alguns exemplos.

Vi e existem literalmente centenas de calculadores em javascript e CSS, acha-se até cientificas. Na verdade eu nem me daria ao trabalho de criar uma calculadora, mas considero uma bom exercício para aprendizado.

Só respondi para que o pedro@program entendesse como funcionam as funções e o porque a página dele não retornava nenhum valor na execução.

Aquela completa é um baita exercicio, hehehe.

Dependendo do site pode ser util uma ferramenta dessa.

Eu tenho o péssimo habito de não entender os posts, então o que falar pode ser um equivoco, mas pelo conteúdo da pergunta e do código postado o pedro@program esta em um nível anterior de conhecimento, então o link postado podia mais confundir do que esclarecer. No caso ele estava com dúvida em algo tão trivial como executar uma função achei por bem tentar esclarecer este fato.

Apesar da calculadora ser de fato interessante tenho de discordar quanto a utilidade da mesma e não vejo uma aplicação prática em um site, sem mencionar que poder estar lotada de bugs. Então que um calculadora testada e aprovada por décadas usa a dos sistema operacional ou algum app se for mobile.

Não quero com isso desmerecer ou desqualificar o ótimo trabalho do link só não acho prático.

Agora querem um sugestão de um "baita" exercício de programação crie um CRUD, pois ai sim você estará se preparando para um teste para um colocação profissional. Invariavelmente um busca por colocação profissional envolve uma prova prática e invariavelmente é um CRUD. Então crie um CRUD, com qualquer BD, mascaras de entrada e consistência (jQuery), css e se possível Bootstrap. Acho que se você se garantir em absorver e compreender este aspecto vai fazer muita diferença na sua vida profissional.

Agora isto é somente a opinião do velhinho aqui e como estou ficando senil posso esta falando um monte de bobagens! kkkkkkkkkk

Em nivel de front-end não cabe isso, CRUD é para linguagens programação, então pra mim não seria um bom exercicio, entende?

Nem vou entrar nesta ceara porque é o tipo de discussão que não agrega nada ao post e pelo visto é só mimi.
Para discutir as nuances e paradoxos do que é front end é melhor abir um novo post.

Dei minha opinião e nem levei em conta que o postante é especialista em front-end.

Agora são pontos de vistas e opiniões e opinião é igual ao fiofó cada um tem o seu!

Então se você com sua vasta experiência e arguto conhecimento não concorda com a minha sugestão só posso desejá-lo boa sorte.

E retiro humildemente a sugestão que fiz.

Me desculpe se entendeu de forma errada o que escrevi, não esperava uma resposta assim, mas tudo bem. Obrigado mesmo assim.

Posso ter viajado Jothaz, mas site de compras, informativos de produtos com preços, pensei alto, foi isso.

Iria me manifestar sobre o assunto, porém já possui respostas excelentes aqui.

Porém, apenas deixando minha opinião em alguns comentários.


Eu desenvolvi um sistema recente, que o cliente "quis pq quis" uma calculadora no portal. Como não consegui fazer ele mudar de ideia, adicionei a tal calculadora. Resultado: Está lá e nunca foi utilizada. Após perguntar pq não foi utilizada, veio a resposta: A do Windows é melhor. E realmente, é.
Ela possui diversas funções, que levaria tempo para implementar todas, e não vejo razão, já que o sistema já possui e é uma excelente ferramenta. Mas a calculadora continua em meu sistema. Sem utilidade, porém lá. kkk
Por isso, eu não vejo o motivo de ter uma ferramenta dessas. Como o jothaz disse, é excelente para o aprendizado, mas o resultado não compensa o esforço.


Esses tipos de sites, seriam melhor se mostrasse os valores somados, e o que mais necessitar. Deixar a cargo do usuário realizar essas somas manualmente não seria a melhor opção.

Muito obrigado à todos pelas respostas me ajudou bastante vlw.

Muito obrigado à todos pelas respostas me ajudou bastante vlw.

Muito obrigado à todos pelas respostas me ajudou bastante vlw.

Nesse ponto Randrade, kkkk, só lamentar, clientes são assim, me disseram que existe cada pedido.

Jothaz muito obrigado, só para confirmar estou aprendendo ainda javascript, a calculadora não terá nenhum uso apenas queria ver como ela funciona e agradeço à sua explicação e agradeço aos outros também só não queria ter causado uma discussão por causa disso aos poucos estou melhorando em javascript e com ajuda sei q melhorarei ainda mais vlw.

Disponha Pedro!

package br.edu.ifcvideira.TesteIg;

public class Calc {
private double num1;
private double num2;
public double getNum1() {
return num1;
}
public void setNum1(double num1) {
this.num1 = num1;
}
public double getNum2() {
return num2;
}
public void setNum2(double num2) {
this.num2 = num2;
}


public double soma() {
return (this.getNum1()+this.getNum2());
}

public double subtracao() {
return (this.getNum1()-this.getNum2());
}
public double multiplicacao() {
return (this.getNum1()*this.getNum2());
}
public double divisao() {
return (this.getNum1()/this.getNum2());
}

}

package br.edu.ifcvideira.TesteIg;

import java.awt.BorderLayout;
import java.awt.EventQueue;

import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.border.EmptyBorder;
import javax.swing.JLabel;
import java.awt.Font;
import javax.swing.JButton;
import java.awt.event.ActionListener;
import java.awt.event.ActionEvent;
import javax.swing.JTextField;
import javax.swing.JComboBox;
import javax.swing.DefaultComboBoxModel;
import java.awt.Color;
import javax.swing.event.PopupMenuListener;
import javax.swing.event.PopupMenuEvent;

public class PrincipalCalc extends JFrame {

private JPanel contentPane;
private JTextField tf1;
private JTextField tf2;
private JTextField tf3;
private JTextField tf5;
private JTextField tf7;
private JTextField tf4;
private JTextField tf6;
private JTextField tf8;
private JTextField tf9;
private JTextField tf10;
private JTextField tfresultado1;
private JTextField tfresultado2;

Calc ca = new Calc();

/**
* Launch the application.
*/
public static void main(String[] args) {
EventQueue.invokeLater(new Runnable() {
public void run() {
try {
PrincipalCalc frame = new PrincipalCalc();
frame.setVisible(true);
} catch (Exception e) {
e.printStackTrace();
}
}
});
}

/**
* Create the frame.
*/
public PrincipalCalc() {
setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
setBounds(100, 100, 482, 316);
contentPane = new JPanel();
contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
setContentPane(contentPane);
contentPane.setLayout(null);

JLabel lblNumero = new JLabel("Numero 1");
lblNumero.setForeground(Color.BLACK);
lblNumero.setFont(new Font("Arial", Font.PLAIN, 20));
lblNumero.setBounds(10, 11, 91, 24);
contentPane.add(lblNumero);

JLabel lblNumero_1 = new JLabel("Numero 2");
lblNumero_1.setFont(new Font("Arial", Font.PLAIN, 20));
lblNumero_1.setBounds(180, 16, 91, 14);
contentPane.add(lblNumero_1);

JButton btnNewButton = new JButton("+");
btnNewButton.setForeground(Color.BLACK);
btnNewButton.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
double num1;
double num2;

num1 = Double.parseDouble(tf1.getText());


num2 = Double.parseDouble(tf2.getText());

ca.setNum1(num1);
ca.setNum2(num2);

tfresultado1.setText(""+ca.soma());

}
});
btnNewButton.setBounds(111, 48, 54, 23);
contentPane.add(btnNewButton);

JButton button = new JButton("*");
button.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
double num1;
double num2;

num1 = Double.parseDouble(tf3.getText());
num2 = Double.parseDouble(tf4.getText());

ca.setNum1(num1);
ca.setNum2(num2);

tfresultado1.setText(""+ca.multiplicacao());

}
});
button.setBounds(111, 82, 54, 23);
contentPane.add(button);

JButton button_1 = new JButton("/");
button_1.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent e) {
double num1;
double num2;

num1 = Double.parseDouble(tf5.getText());
num2 = Double.parseDouble(tf6.getText());
ca.setNum1(num1);
ca.setNum2(num2);

tfresultado1.setText(""+ca.divisao());
}
});
button_1.setBounds(111, 116, 54, 23);
contentPane.add(button_1);

JButton button_2 = new JButton("-");
button_2.addActionListener(new ActionListener() {
public void actionPerformed(ActionEvent arg0) {
double num1;
double num2;

num1 = Double.parseDouble(tf7.getText());
num2 = Double.parseDouble(tf8.getText());
ca.setNum1(num1);
ca.setNum2(num2);

tfresultado1.setText(""+ca.subtracao());
}
});
button_2.setBounds(111, 150, 54, 23);
contentPane.add(button_2);

tf1 = new JTextField();
tf1.setForeground(Color.BLACK);
tf1.setBounds(10, 50, 86, 20);
contentPane.add(tf1);
tf1.setColumns(10);

tf2 = new JTextField();
tf2.setBounds(185, 49, 86, 20);
contentPane.add(tf2);
tf2.setColumns(10);

tf3 = new JTextField();
tf3.setColumns(10);
tf3.setBounds(10, 83, 86, 20);
contentPane.add(tf3);

tf5 = new JTextField();
tf5.setColumns(10);
tf5.setBounds(10, 117, 86, 20);
contentPane.add(tf5);

tf7 = new JTextField();
tf7.setColumns(10);
tf7.setBounds(10, 151, 86, 20);
contentPane.add(tf7);

tf4 = new JTextField();
tf4.setColumns(10);
tf4.setBounds(185, 83, 86, 20);
contentPane.add(tf4);

tf6 = new JTextField();
tf6.setColumns(10);
tf6.setBounds(185, 117, 86, 20);
contentPane.add(tf6);

tf8 = new JTextField();
tf8.setColumns(10);
tf8.setBounds(185, 151, 86, 20);
contentPane.add(tf8);

JLabel lblEwlabel = new JLabel("ewlabel");
lblEwlabel.setBounds(10, 52, 46, 14);
contentPane.add(lblEwlabel);

JComboBox cb1 = new JComboBox();
cb1.addPopupMenuListener(new PopupMenuListener() {
public void popupMenuCanceled(PopupMenuEvent arg0) {
}
public void popupMenuWillBecomeInvisible(PopupMenuEvent arg0) {
double num1;
double num2;

num1 = Double.parseDouble(tf9.getText());
num2 = Double.parseDouble(tf10.getText());
ca.setNum1(num1);
ca.setNum2(num2);
if (cb1.getSelectedIndex()==0) {
tfresultado2.setText(""+ca.soma());
}else if (cb1.getSelectedIndex()==1) {
tfresultado2.setText(""+ca.subtracao());
}else if (cb1.getSelectedIndex()==2) {
tfresultado2.setText(""+ca.multiplicacao());
}else if (cb1.getSelectedIndex()==3) {
tfresultado2.setText(""+ca.divisao());

}

//tfresultado1.setText(""+ca.subtracao());
}
public void popupMenuWillBecomeVisible(PopupMenuEvent arg0) {
}
});
cb1.setModel(new DefaultComboBoxModel(new String[] {"Soma ", "Subtra\\u00E7\\u00E3o ", "Multiplica\\u00E7\\u00E3o\\t", "Divis\\u00E3o"}));
cb1.setBounds(115, 196, 75, 20);
contentPane.add(cb1);

tf9 = new JTextField();
tf9.setBounds(10, 196, 86, 20);
contentPane.add(tf9);
tf9.setColumns(10);

tf10 = new JTextField();
tf10.setBounds(202, 196, 86, 20);
contentPane.add(tf10);
tf10.setColumns(10);

JLabel label = new JLabel("");
label.setBounds(364, 63, 46, 14);
contentPane.add(label);

JLabel lblResultado = new JLabel("Resultado ");
lblResultado.setFont(new Font("Arial", Font.PLAIN, 20));
lblResultado.setBounds(333, 16, 103, 14);
contentPane.add(lblResultado);

tfresultado1 = new JTextField();
tfresultado1.setBounds(333, 83, 86, 20);
contentPane.add(tfresultado1);
tfresultado1.setColumns(10);

tfresultado2 = new JTextField();
tfresultado2.setBounds(333, 196, 86, 20);
contentPane.add(tfresultado2);
tfresultado2.setColumns(10);
}
}