Calling JavaScript functions from C++

In the previous example, we have learned how to call C++ functions from JavaScript through Qt's Web Channel system. In this example, we will try to do the reverse: call JavaScript functions from C++ code.

How to do it…

We can call JavaScript functions from C++ through the following steps:

1. As usual, create a new Qt Widgets Application project and add the webengine and webenginewidgets modules to your project.

2. Then, open up mainwindow.ui and remove the tool bar, menu bar, and status bar.

3. After that, add a vertical layout and a horizontal layout to the canvas. Then, select the canvas and click Lay Out Vertically. Make sure the horizontal layout is located at the bottom of the vertical layout.

4. Add two push buttons to the horizontal layout; one is called Change HTML Text and the other one is called Play UI Animation. Right-click on one of the buttons and click Go to slot…. A window will now pop up and ask you to pick a signal. Select the clicked() option and click...