Changing the Calculator Program to a Calculator Applet

Changing the Calculator Program to a Calculator Applet

In class we developed the Calculator program to add and subtract two numbers. The code for that program is listed below. To ‘cut-and-paste’ this program into BlueJ, do the following:

• 
  Start BlueJ as usual
  
• 
  Start a new, empty project. Name the project Calculator
  
• 
  Create a new class in your project. Name the class CalcProgram
  
• 
  Open the CalcProgram class and delete everything it contains
  
• 
  Copy the program listed below and paste it into the CalcProgram class
  
• 
  Save and compile
  

It should compile without problems. Run the program and test it.

import javax.swing.*;

import java.awt.event.*;

import java.awt.FlowLayout;

import java.awt.BorderLayout;
public class CalcProgram extends JFrame implements ActionListener

{

JTextField num1 = new JTextField("0.00");

JTextField num2 = new JTextField("0.00");

JLabel answer = new JLabel("0.00");

JLabel symbol = new JLabel("+");

JLabel equals = new JLabel("=");

JButton addButton = new JButton(" + ");

JButton subButton = new JButton(" - ");

public CalcProgram()

{

JPanel fields = new JPanel(new FlowLayout());

fields.add(num1);

fields.add(symbol);

fields.add(num2);

fields.add(equals);

fields.add(answer);

JPanel buttons = new JPanel(new FlowLayout());

buttons.add(addButton);

buttons.add(subButton);

getContentPane().setLayout(new BorderLayout());

getContentPane().add("North", fields);

getContentPane().add("Center", buttons);

addButton.addActionListener(this);

subButton.addActionListener(this);

pack();

setVisible(true);

}

public void actionPerformed(ActionEvent e)

{

double x = Double.parseDouble(num1.getText());

double y = Double.parseDouble(num2.getText());

if (e.getSource() == addButton)

{

answer.setText(String.valueOf( x + y ));

symbol.setText("+");

}

if (e.getSource() == subButton)

{

answer.setText(String.valueOf( x - y ));

symbol.setText("-");

}
}

public static void main(String args[])

{

CalcProgram c = new CalcProgram();

}

}
To turn the program into an applet, we need to make just a few changes. The changes are outlined here, but the new, changed code is listed below for your reference.

• 
  We change the name of the class to CalcApplet instead of CalcProgram. We need to make sure that we change all occurrences of CalcProgram to CalcApplet, and that the new class is saved as CalcApplet.java
  
• 
  We remove the main method at the end of the applet
  
• 
  We change the superclass from JFrame to JApplet
  
• 
  We change the constructor name (the method with the same name as the class name) to public void init
  
• 
  We remove the last two lines from the init method that say “pack()” and “setVisible(true)”.
  

You could do these changes manually, or simply copy-and-paste the new applet from below as follows:

• 
  Start BlueJ and open the Calculator project. Create a new class in your project. Name that class CalcApplet
  
• 
  Open the CalcApplet class and delete everything it currently contains
  
• 
  Copy the applet listed below and paste it into the CalcApplet class
  
• 
  Save and compile
  

import javax.swing.*;

import java.awt.event.*;

import java.awt.FlowLayout;

import java.awt.BorderLayout;
public class CalcApplet extends JApplet implements ActionListener

{

JTextField num1 = new JTextField("0.00");

JTextField num2 = new JTextField("0.00");

JLabel answer = new JLabel("0.00");

JLabel symbol = new JLabel("+");

JLabel equals = new JLabel("=");

JButton addButton = new JButton(" + ");

JButton subButton = new JButton(" - ");

public void init()

{

JPanel fields = new JPanel(new FlowLayout());

fields.add(num1);

fields.add(symbol);

fields.add(num2);

fields.add(equals);

fields.add(answer);

JPanel buttons = new JPanel(new FlowLayout());

buttons.add(addButton);

buttons.add(subButton);

getContentPane().setLayout(new BorderLayout());

getContentPane().add("North", fields);

getContentPane().add("Center", buttons);

addButton.addActionListener(this);

subButton.addActionListener(this);

pack();

setVisible(true);

}

public void actionPerformed(ActionEvent e)

{

double x = Double.parseDouble(num1.getText());

double y = Double.parseDouble(num2.getText());

if (e.getSource() == addButton)

{

answer.setText(String.valueOf( x + y ));

symbol.setText("+");

}

if (e.getSource() == subButton)

{

answer.setText(String.valueOf( x - y ));

symbol.setText("-");

}

}

}
To run your applet, right-click on the block representing the CalcApplet class and select “Run Applet”. Make sure that “Run applet in AppletViewer” is checked, then click OK.