picha

JAVASCRIPT - somo la 24: Jinsi ya kutengeneza online keyboard

Katika project hii utakwenda kufunza jinsi utakavyoweza kutengeneza keyboard ya online kwa kutumia javascript

PROJECT YA KUTENGENEZA ONLINE KEYBOARD:

Kama umeshawahi kuona katika huduma za kibenk unaweza kukuta kuwa kuna online keyboard kwa ajili ya kulinda usalama endapo kuna program ambayo inachukuwa taarifa za keyboard kwenye kompyuta ama simu ya mtu. 

 

Program hii tutaitengenza kutokana na program ya calculator ambayo tulishaiona kwenye masomo yaliotangulia.


 

<html>

<head>

 <title>Mafunzo ya javascript</title>

 <style>

   .button {

     font-size: 24px;

     padding: 10px;

     margin: 5px;

     border-radius: 5px;

     background-color: #f1f1f1;

     color: #333;

     border: none;

     cursor: pointer;

   }

   .button2 {

     font-size: 24px;

     padding: 10px;

     margin: 5px;

     border-radius: 5px;

     background-color: #0bcaec;

     color: rgb(0, 0, 0);

     border: none;

     cursor: pointer;

   }

 

   button:hover {

     background-color: #ddd;

   }

 

   #input {

     font-size: 24px;

     padding: 10px;

     margin: 5px;

     border-radius: 5px;

     border: 1px solid #ddd;

   }

 </style>

</head>

</html>

<body>

<textarea id="input"></textarea>

<br />

<button class="button"  onclick="addChar('q')">q</button>

<button class="button"  onclick="addChar('w')">w</button>

<button class="button"  onclick="addChar('e')">e</button>

<button class="button"  onclick="addChar('r')">r</button>

<button class="button"  onclick="addChar('t')">t</button>

<button class="button"  onclick="addChar('y')">y</button>

<button class="button"  onclick="addChar('u')">u</button>

<button class="button"  onclick="addChar('i')">i</button>

<button class="button"  onclick="addChar('o')">o</button>

<button class="button"  onclick="addChar('p')">p</button>

<br />

<button class="button"  onclick="addChar('a')">a</button>

<button class="button"  onc...

Ingia sasa ili uweze kusoma makala hii yote.

Jiunge nasi WhatsApp kupata update zetu
Zoezi la Maswali

Nyuma Endelea


Umeionaje Makala hii.. ?

       
Author: Rajabu image Tarehe: 2024-05-10 14:53:23 Topic: JavaScript Main: Project File: Download PDF Views 1458

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Tafasiri ya Riyadh Swalihina     👉2 kitabu cha Simulizi     👉3 Madrasa kiganjani     👉4 Bongolite - Game zone - Play free game     👉5 Kitabu cha Afya     👉6 Kitau cha Fiqh    

Post zinazofanana:

JAVASCRIPT - somo la 13: Function zinazofanya kazi kwenye array.

Katika somo hili tutakwenda kujifunza kuhusu array pamoja na method zinazohusiana na array. Pia nitakujuza tena kuhusu array ni nini. Utajifunza pia jinsi ya kutengeneza array.

Soma Zaidi...
JAVASCRIPT - somo la 2: Jisi ya ku print output ya code za javascript.

Katika somo hili utakwenda kujifunza jinsi ambavyo utaweza ku display matokeo ya code za javascript.

Soma Zaidi...
JAVASCRIPT - somo la 4: Jinsi ya kuandika variable kwenye javascript

Katika somo hili utajifunza jinsi ya kuandika variable. Hapa utajifunza sheria zinazohusu variable katika javascript

Soma Zaidi...
JAVASCRIPT - somo la 9: Jinsi ya kuandika function kwenye javascript

Katika somo hili utakwenda kujifunza jinsi ya kuandika function kwenye javascript. Utajifunz apia namna ya kuitumia function hiyo

Soma Zaidi...
Game 1: Jinsi ya kutengeneza game ya tic toc ya wachezaji wawili kwa kutumia html, css na javascript

Katika post hii utakwenda kujifundisha jinsi ya kutengeneza game ya tic toc ya wachezaji wawii kwa utumia html, css na javascript

Soma Zaidi...
JAVASCRIPT - somo la 11: function maalumu zinazotumika kwenye string yaani string method

Katika somo hili utakwenda kujifunza baadhi ya function maaumu zinazotumika kwenye string yaani string method.

Soma Zaidi...