I've been told that onclick to trigger a function is kind of outdated and doesn't seem to be compatible (or there are issues) with mobile devices so it would be nice to fix this in terms of compatibility and efficiency.

Example:

<button onclick="dxsubmitTxt()">Change Name</button> 

Function:

function dxsubmitTxt() {
	var text1 = $("#myText1").val() || '<br>';
	$("#text1").html(text1);
};

The above example is a function within the Pwchi App allowing to submit the input text into div element. To test go to the app, select the Name tab, Text zone, type text, click the Change Name button to display the text in Preview area.

Well, markup language is hand coded and not exactly with responsiveness in mind so I plan to integrate Bootstrap framework with the web app without messing things up. At least the CSS from Bootstrap.

Well, the Pwchi App doesn't use a Download button needed when Pwchin character is generated. I've tried to add one but it doesn't seem to work (desktop / mobile).
The work around is browser based supported download meaning, right click on top of the generated image and click Save image as...

The solution would be a function to support click and touch functionality to save generated image

Existing code used by the app is:

;(function($){

	$(document).ready(function(){


	var element = $("#dxeditor");
	var getCanvas; // global variable

		$("#btn-Preview-Image").on('click', function () {
			 html2canvas(element, {
			 onrendered: function (canvas) {
					$("#previewImage").append(canvas);
					getCanvas = canvas;
				 }
			 });
		});

		$("#btn-Convert-Html2Image").on('click', function () {

			var imgageData = getCanvas.toDataURL("image/png");
		});

	});
	
})(jQuery);

The entire project is using a huge amount of graphic elements.
Most of them are SVG, as clean as possible yet for faster rendering, faster image and page load I've heard that a better way to load these resources is via json file using ajax or something like that.
I'm not a developer, next to no skills in programming languages so this particular development and implementation is not something I can work on as fast as I can.
Estimated number of graphics loaded in app page is above 200... basically all images from graphic library