MultiplicationTable

[vsquared]

Demonstrates a multiplication table app for elementary school students.

# Uses Import mode for py5

from java.awt import *
from javax.swing import *

_wndW = 580
_wndH = 480

txtFld = []
answer = []

_cols = 12
_rows = 12

_score = 0
_correct = 0
_incorrect = 0
_total = 0

_scoreStr = ""
_correctStr = ""
_incorrectStr = ""

def instructionLabel():
    label = Label("Multiply col x row. Hit return to register answer.")
    label.setBounds(70,20,500,40)
    font = Font("Menlo",Font.BOLD,15)
    label.setForeground(Color.BLUE)
    label.setFont(font)
    frame.add(label)
    label.repaint()
    
def keyLabel():
    keyLabel = Label("Color Key:")
    keyLabel.setBounds(40,_wndH - 70,100,24)
    font = Font("Menlo",Font.BOLD,13)
    keyLabel.setForeground(Color.BLUE)
    keyLabel.setFont(font)
    frame.add(keyLabel)
    keyLabel.repaint()
    
def greenLabel():
    greenLabel = Label("Green:Correct")
    greenLabel.setBounds(40,_wndH - 50,120,24)
    font = Font("Menlo",Font.BOLD,13)
    greenLabel.setForeground(Color.GREEN)
    greenLabel.setFont(font)
    frame.add(greenLabel)
    
def redLabel():
    redLabel = Label("Red:Incorrect")
    redLabel.setBounds(170,_wndH - 50,120,24)
    font = Font("Menlo",Font.BOLD,13)
    redLabel.setForeground(Color.RED)
    redLabel.setFont(font)
    frame.add(redLabel)
    
def blackLabel():
    blackLabel = Label("Black:Not entered")
    blackLabel.setBounds(300,_wndH -50,155,24)
    font = Font("Menlo",Font.BOLD,13)
    blackLabel.setForeground(Color.BLACK)
    blackLabel.setFont(font)
    frame.add(blackLabel)
                         
def correctLabel():
    global correctLabel
    
    correctLabel = Label("Correct:0");
    correctLabel.setBounds(40,380,120,24)
    font = Font("Menlo",Font.BOLD,15)
    correctLabel.setFont(font)   
    correctLabel.setForeground(Color.BLUE)
    frame.add(correctLabel)
    correctLabel.repaint
    
def incorrectLabel():
    global incorrectLabel
    
    incorrectLabel = Label();
    incorrectLabel.setText("Incorrect:0");
    incorrectLabel.setBounds(160,380,120,24)
    font = Font("Menlo",Font.BOLD,15)
    incorrectLabel.setFont(font)  
    incorrectLabel.setForeground(Color.BLUE)
    frame.add(incorrectLabel)
    incorrectLabel.repaint
    
def scoreLabel():
    global scoreLabel
    
    scoreLabel = Label("Score:0");
    scoreLabel.setBounds(300,380,120,24)
    font = Font("Menlo",Font.BOLD,15)
    scoreLabel.setFont(font)  
    scoreLabel.setForeground(Color.BLUE)
    frame.add(scoreLabel)
    scoreLabel.repaint
    
def topLabelGrid():       
    l = 60
    t = 55
    w = 40
    h = 24
    vg = 0
    for i in range(_cols):
        left = l + i*(w+vg)
        label = JLabel(str(i+1),JLabel.CENTER)
        label.setBounds(left,t,w,h)
        label.setVerticalTextPosition(CENTER)
        frame.add(label)
        label.repaint()
        
def leftLabelGrid():
    l = 40
    t = 80
    w = 40
    h = 24
    hg = 0
    for i in range(_rows):
        top = t + i*(h+hg)
        label = JLabel(str(i+1),JLabel.CENTER)
        label.setBounds(20,top,w,h)
        label.setVerticalTextPosition(CENTER)
        frame.add(label)
        label.repaint()

def resetAction(event):
    global _correct
    global _incorrect
    global _score
    global correctLabel
    global incorrectLabel
    global scoreLabel

    _correct = 0
    _incorrect = 0
    _score = 0

    for i in range(_cols*_rows):
        txtFld[i].setEditable(True)
        txtFld[i].setText("")
        
    _correctStr = "Correct:0"
    correctLabel.setText(_correctStr)
    _incorrectStr = "Incorrect:0"
    incorrectLabel.setText(_incorrectStr)
    _scoreStr = "Score:0"
    scoreLabel.setText(_scoreStr)
    
def resetBtn():
    resetBtn = JButton("Reset")
    resetBtn.setBounds(_wndW - 120, _wndH - 100, 80, 24)
    resetBtn.addActionListener(resetAction)
    frame.add(resetBtn)
    resetBtn.repaint()

def quitAction(evnt):
    exit_sketch()
    
def quitBtn():
    quitBtn = JButton("Quit")
    quitBtn.setBounds(_wndW - 120, _wndH - 50, 80, 24)
    quitBtn.addActionListener(quitAction)
    frame.add(quitBtn)
    quitBtn.repaint()
    
def txtFldAction(evnt):
    global fldID
# required to change value of global
    global _correct
    global _incorrect
    global _score
    global _total
    global _correctStr
    global _incorrectStr
    global _scoreStr

    cmdStr = evnt.getActionCommand() 
    pyStr = str(cmdStr) 
    fldID = int(pyStr)
    if txtFld[fldID].getText() == answer[fldID]:
        txtFld[fldID].setForeground(Color.GREEN)
        txtFld[fldID].setEditable(False)
        _correct += 1
        _correctStr = "Correct:" + str(_correct)
        correctLabel.setText(_correctStr)
    else:       
        txtFld[fldID].setForeground(Color.RED)
        txtFld[fldID].setEditable(False)
        _incorrect += 1
        _incorrectStr = "Incorrect:" + str(_incorrect)
        incorrectLabel.setText(_incorrectStr)
    _total = _correct + _incorrect;
    if (_total > 0):   
        _score = _correct/_total*100;
        _scoreStr = "Score: " + str("%1.1f" % _score)
        scoreLabel.setText(_scoreStr)
    
def txtFldGrid():
    global txtFld
    global answer
    
    id = 0
    l = 60
    t = 80
    w = 40
    h = 24
    hg = 0
    vg = 0
    for k in range(_rows):
        for j in range(_cols):
            product = (j+1)*(k+1)
            answer.append(str(product))
            left = l + j*(w+vg)
            top = t + k*(h+hg)
            fld = JTextField()
            fld.setBounds(left,top,w,h)
            fld.setHorizontalAlignment(JTextField.CENTER)
            fld.setForeground(Color.BLACK)
            fld.setActionCommand(str(id))
            fld.addActionListener(txtFldAction)
            txtFld.append(fld)
            frame.add(fld)
            fld.repaint()
            id+=1

def buildWnd():
    instructionLabel()
    keyLabel()
    greenLabel()
    redLabel()
    blackLabel()
    topLabelGrid()
    leftLabelGrid()
    correctLabel()
    incorrectLabel()
    scoreLabel()
    txtFldGrid()
    resetBtn()
    quitBtn()
    
    frame.setVisible(True)
    
def setup():
    global frame
    size(_wndW, _wndH)
    wnd = get_surface()    
    canvas = wnd.get_native()
    frame = canvas.getFrame()
    wnd.set_title('Multiplication Table')
    frame.remove(canvas)
    buildWnd()

Output:

[hx2A]

Nice work, @vsquared ! Thanks for the screenshot.

I tried running it on my (intel) Mac computer and got this error:

py5 encountered an error in your code:

File "test.py", line 253, in _py5_faux_setup
    245  def setup():
 (...)
    249      canvas = wnd.get_native()
    250      frame = canvas.getFrame()
    251      wnd.set_title('Multiplication Table')
    252      frame.remove(canvas)
--> 253      buildWnd()

File "test.py", line 239, in buildWnd
    228  def buildWnd():
 (...)
    235      leftLabelGrid()
    236      correctLabel()
    237      incorrectLabel()
    238      scoreLabel()
--> 239      txtFldGrid()
    240      resetBtn()

File "test.py", line 222, in txtFldGrid
    200  def txtFldGrid():
 (...)
    218              fld.setBounds(left,top,w,h)
    219              fld.setHorizontalAlignment(JTextField.CENTER)
    220              fld.setForeground(Color.BLACK)
    221              fld.setActionCommand(str(id))
--> 222              fld.addActionListener(txtFldAction)
    223              txtFld.append(fld)
    ..................................................
     fld.addActionListener = <method 'javax.swing.JTextField.addActionListener' of javax.
                              swing.JTextField[,60,80,40x24,invalid,layout=javax.swing.pla
                              f.basic.BasicTextUI$UpdateHandler,alignmentX=0.0,alignmentY=
                              0.0,border=com.apple.laf.AquaTextFieldBorder@49fa04e,flags=2
                              88,maximumSize=,minimumSize=,preferredSize=,caretColor=javax
                              .swing.plaf.ColorUIResource[r=0,g=0,b=0],disabledTextColor=j
                              avax.swing.plaf.ColorUIResource[r=128,g=128,b=128],editable=
                              true,margin=javax.swing.plaf.InsetsUIResource[top=0,left=0,b
                              ottom=0,right=0],sel...
    ..................................................

TypeError: No matching overloads found for javax.swing.JTextField.addActionListener(function), options are:
	public synchronized void javax.swing.JTextField.addActionListener(java.awt.event.ActionListener)

The window did open but there were no text boxes for answers. Any idea what could fix this?

[vsquared]

@villares Have you tried this on Linux?

[villares]

Yes, this works on Linux, Java 17.0.9.

[vsquared]

Thanks for looking at it.

[villares]

Also works on Windows, Java 17.0.10

[vsquared]

Thanks for testing. I really appreciate it. It has now been run on all three platforms so may be a keeper. Not sure what happened on hx2A's mac.

[hx2A]

It doesn't work for me on Linux either. This is the error message I get when I run it through Thonny with imported mode checked:

py5 encountered an error in your code:

File "/tmp/test.py", line 253, in _py5_faux_setup
    245  def setup():
 (...)
    249      canvas = wnd.get_native()
    250      frame = canvas.getFrame()
    251      wnd.set_title('Multiplication Table')
    252      frame.remove(canvas)
--> 253      buildWnd()

File "/tmp/test.py", line 239, in buildWnd
    228  def buildWnd():
 (...)
    235      leftLabelGrid()
    236      correctLabel()
    237      incorrectLabel()
    238      scoreLabel()
--> 239      txtFldGrid()
    240      resetBtn()

File "/tmp/test.py", line 222, in txtFldGrid
    200  def txtFldGrid():
 (...)
    218              fld.setBounds(left,top,w,h)
    219              fld.setHorizontalAlignment(JTextField.CENTER)
    220              fld.setForeground(Color.BLACK)
    221              fld.setActionCommand(str(id))
--> 222              fld.addActionListener(txtFldAction)
    223              txtFld.append(fld)
    ..................................................
     fld.addActionListener = <method 'javax.swing.JTextField.addActionListener' of javax.
                              swing.JTextField[,60,80,40x24,invalid,layout=javax.swing.pla
                              f.basic.BasicTextUI$UpdateHandler,alignmentX=0.0,alignmentY=
                              0.0,border=javax.swing.plaf.BorderUIResource$CompoundBorderU
                              IResource@5173e13d,flags=296,maximumSize=,minimumSize=,prefe
                              rredSize=,caretColor=sun.swing.PrintColorUIResource[r=51,g=5
                              1,b=51],disabledTextColor=javax.swing.plaf.ColorUIResource[r
                              =184,g=207,b=229],editable=true,margin=javax.swing.plaf.Inse
                              tsUIResource[top=0,l...
    ..................................................

TypeError: No matching overloads found for javax.swing.JTextField.addActionListener(function), options are:
	public synchronized void javax.swing.JTextField.addActionListener(java.awt.event.ActionListener)

Here is my Java version:

$ java -version
openjdk version "17.0.11" 2024-04-16
OpenJDK Runtime Environment (Red_Hat-17.0.11.0.9-1) (build 17.0.11+9)
OpenJDK 64-Bit Server VM (Red_Hat-17.0.11.0.9-1) (build 17.0.11+9, mixed mode, sharing)

The error message suggests there is a Java API problem but @villares is able to get it to work just fine on Linux with Java 17.0.9.

Are there any special jar files you are using? I am running this with no extra jar files added to the classpath.

[villares]

How curious. I think I have no extra jars.

[hx2A]

Hmmm, I am using Python 3.8, but that can't possibly be the problem...can it?

[vsquared]

For whatever it's worth, I'm running Python 3.12.0:
Python 3.12.0 (v3.12.0:0fb18b02c8, Oct 2 2023, 09:45:56) [Clang 13.0.0 (clang-1300.0.29.30)] on darwin

Any reason why you couldn't update Python? You seem to be getting the same error on both Linux and Mac.

[hx2A]

The min Python version py5 supports is 3.8, so I do a lot of dev work with that to make sure I don't add write code that doesn't work in 3.8.

I am upgrading py5 to 3.9 soon though.

It would be very strange if the Python version cased this Java error, but of course stranger things have happened.