Qt WebAssembly Counter Example - Qt-webassembly Typing CST Test

Qt WebAssembly Counter Example — Qt-webassembly Code

Demonstrates a simple counter layout using Qt Widgets and C++ compiled to WebAssembly for browser interactivity.

#include <QApplication>
#include <QWidget>
#include <QPushButton>
#include <QLabel>
#include <QVBoxLayout>

int main(int argc, char *argv[]) {
	QApplication app(argc, argv);
	QWidget window;
	window.setWindowTitle("Qt WebAssembly Counter");

	int count = 0;
	QLabel *label = new QLabel(QString("Counter: %1").arg(count));
	QPushButton *btnIncrement = new QPushButton("+");
	QPushButton *btnDecrement = new QPushButton("-");
	QPushButton *btnReset = new QPushButton("Reset");

	QVBoxLayout *layout = new QVBoxLayout;
	layout->addWidget(label);
	layout->addWidget(btnIncrement);
	layout->addWidget(btnDecrement);
	layout->addWidget(btnReset);
	window.setLayout(layout);

	QObject::connect(btnIncrement, &QPushButton::clicked, [&](){
		count++;
		label->setText(QString("Counter: %1").arg(count));
	});

	QObject::connect(btnDecrement, &QPushButton::clicked, [&](){
		count--;
		label->setText(QString("Counter: %1").arg(count));
	});

	QObject::connect(btnReset, &QPushButton::clicked, [&](){
		count = 0;
		label->setText(QString("Counter: %1").arg(count));
	});

	window.show();
	return app.exec();
}

Qt-webassembly Language Guide

Qt for WebAssembly allows developers to build Qt applications that run directly in web browsers using WebAssembly, without the need for plugins. It enables rich, cross-platform GUI apps to execute in modern browsers efficiently.

More Qt-webassembly Typing Exercises

Practice Other Languages