添付した画像のようにSTART画像をタップしたらPAUSE画像に切り替わるようにしたいのですが、できません。

※追記
xcodeでビルドは通るのですが、START画像をタップしても下記の画像にあるようなPAUSE画像に切り替わりません。START画像をタップしてもタップされた反応として少し色が変わってそのまま動かなくなります。

添付画像はXcodeのstoryboardで作成したデザインです。教材と全く同じによう書いているのですが、どこにミスがあるのか分かりません。ご教授頂ければ幸いです。

画像の説明をここに入力

コード

import UIKit

class ViewController: UIViewController {

    //startPause outlet to change the start to the pause image
    //この丸いスタートボタンを動く変数
    @IBOutlet weak var startPauseOutlets: UIButton!

    //var to check the state of the startPauseButton to display the correct image
    var startPauseButtonStateCheck = true

   // @IBAction func startPausePressed(_ sender: AnyObject) {
   @IBAction func startPausePressed(_ sender: Any) {
       if startPauseButtonStateCheck{
           //教材では最後!だが、?にした方が良いと表示された・・・ので、?にしたら、動かなかったので!でやり直したら、動いた。しかし、結局、?でも動いたので、?で通してみる。
           //下記のif文がおかしいのか、startとpause両方の画像が出ない
           let pause = UIImage(named: "pauseButton") as UIImage?
           startPauseOutlets.setImage(pause, for: .normal)
           startPauseButtonStateCheck = false
       }else{
           let start = UIImage(named: "start") as UIImage?
           startPauseOutlets.setImage(start, for: .normal)
           startPauseButtonStateCheck = true
       }
    }
}