How to change image(src) of ImageView with button mouse-click on Javafx?
<p>I am making a simple click to change the images(src) of ImageView with button click. But the images should load randomly from directory. I created variables and used Random function to achieve this but got stuck creating and linking the function with even.</p>

<p><a href="https://i.stack.imgur.com/MSyyj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MSyyj.png" alt="enter image description here"></a></p>

<p>And Here is the complete Java code:</p>

<pre><code>public class CardsGame extends Application {

    // Variables
    String img1, img2, img3;
    ArrayList&lt;String&gt; array = new ArrayList&lt;&gt;();

    public CardsGame() {
        for (int i = 0; i &lt; 68; i++) {
            array.add("imagescards/" + i + ".png");
        }

        img1 = (String) array.get((int) (Math.random() * 67) + 1);
        img2 = (String) array.get((int) (Math.random() * 67) + 1);
        img3 = (String) array.get((int) (Math.random() * 67) + 1);
    }

    public static void main(String[] args) {
        Application.launch(args);
    }

    @Override
    public void start(Stage primaryStage) {

        // Create FlowGrid
        FlowPane pane = new FlowPane();
        pane.setPadding(new Insets(5, 5, 5, 5));

        // Create Image View
        ImageView cardImg1 = new ImageView(("imagescards/1.png"));
        cardImg1.setFitHeight(200);
        cardImg1.setFitWidth(150);

        ImageView cardImg2 = new ImageView(("imagescards/2.png"));
        cardImg2.setFitHeight(200);
        cardImg2.setFitWidth(150);

        ImageView cardImg3 = new ImageView(("imagescards/1.png"));
        cardImg3.setFitHeight(200);
        cardImg3.setFitWidth(150);

        // Create Button
        Button play = new Button("Play");
        play.setMinWidth(100.0);
        play.setOnAction(new EnlargeHandler());

        // Add nodes to pane
        pane.getChildren().addAll(cardImg1, cardImg2, cardImg3, play);

        // Create Scene
        Scene scene = new Scene(pane, 460, 250);

        // Add scene to stage
        primaryStage.setScene(scene);
        primaryStage.setTitle("Cards Game");

        // Show Stage
        primaryStage.show();

    }

    public void refresh() {
        img1 = (String) array.get((int) (Math.random() * 67) + 1);
        img2 = (String) array.get((int) (Math.random() * 67) + 1);
        img3 = (String) array.get((int) (Math.random() * 67) + 1);

    }

    class EnlargeHandler implements EventHandler&lt;ActionEvent&gt; {

        @Override
        public void handle(ActionEvent event) {
            refresh();
        }
    }

}
</code></pre>