CCN Keypad Tiny

CCN Student Workbench Moez Workbench
1

First update on the Keypad Tiny project

What i did :

1- Built the keypad in HTML/JS as recommanded: kept it light fast and easy to integrate into futur projects

2- layout and grid : the 16 requested emojis are arranged in to 4*4 grid, with a row for math operators

3- Unicode Backspace : Multi codepoint emojis would fragment when using standard string slicing, now it isolates full unicode graphemes so emojis are deleted in one click

4- Buttons now insert symbols at the exact position of the text cursor, not only at the end of the text

Next : Add the construct button for UUID,barcode,QR code generation

Here is a screenshot of the keypad.

image_2026-07-24_162844001
image_2026-07-24_162844001397Ă—802 35.8 KB

2

Great!

I give some code tonight to make a cloud call to connect to us. I think I already gave it to you didn’t I?

3

make sure the buttons operate on chrome or firefox on mobile phones

4

I double checked, i didn’t receive a cloud call except what i used in the migration of SFX Project, i will test the buttons right away.

5

ok I send shortly

6

else if (e.target.value === “Construct!”)
{

    console.log( e.target.id );
   const url = "https://www.wolframcloud.com/obj/ccn2/freeform/ff/networks/tests/ffsimplefetch"+"?ping=dara";
   const myHeaders = new Headers();
   myHeaders.append("Content-Type", "application/json");
   myHeaders.append("Access-Control-Allow-Origin","*");
   myHeaders.append("Access-Control-Allow-Origin","https://www.wolframcloud.com");
  myHeaders.append('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');

   try {
    const response = await fetch(url /*{
    method: "POST",
    mode: "no-cors",
   // body: "dara",
    headers: myHeaders,
    }*/);

     if (response.ok) {
        const data = await response.json(); 
       
       //outputarea.value = outputarea.value+"\n"+"//"+data+";";
       
        console.log(data);
    } else {
        throw new Error('Failed to fetch data');
    }
} catch (error) {
    console.error('Error:', error); 
}

}

});