How to make virtual keyboard with custom character

Question

Hi! I have a project in mind (yes, still in my mind) I am currently designing a website and I made some custom keyboard characters for our own scripture and I wonder how can I make a virtual keyboard or buttons with that custom character and if you click that it will produce the output (the custom character) on the screen.

For example:
This is the custom characters in button
[√] [π] [¶]
If I click them all it will produce this output in the virtual box
√π¶

Is there any projects where I can base the codes to be used?
And any suggestions for what programming language is most suitable for it? Thank you

Answer 1

Html and js

Answer 2

Hello this is my idea insipiration, I hope to make one like this
https://www.branah.com/korean

Answer 3

good luck

Answer 4

Hey John Dominic Morales! Cool project you got in your head! I did something similar once for a website, so here's the scoop. You can use HTML, CSS, and JavaScript to whip up that virtual keyboard. For each button, set up an onclick event in JavaScript to append the corresponding character to your output box. Here's a detailed description: https://www.oneeducation.org.uk/securing-top-talent-how-to-hire-custom-software-developers/

Now, for the coding base, I'd recommend checking out GitHub. There are loads of open-source projects with virtual keyboards you can tweak to fit your needs. Just search for "JavaScript virtual keyboard" and you'll find gems. I stumbled upon one called Simple-keyboard that might suit your vibe.

As for the programming language, stick with JavaScript. It's the rockstar for dynamic web stuff like this. You can effortlessly blend it into your HTML and CSS like peanut butter on toast :)