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...
Umeionaje Makala hii.. ?
Tarehe: 2024-05-10 14:53:23
Topic: JavaScript
Main: Project
File: Download PDF
Views 1629
Share On:
👉1 Kitabu cha Afya 👉2 ai web app 👉3 Dua za Mitume na Manabii 👉4 Madrasa kiganjani 👉5 Kitau cha Fiqh 👉6 web hosting
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 23: Jinsi ya kutengeneza calculator yaani kikokotoo cha hesabu kwa kutumia javascript
Katika somo hili utakwenda kujifunza jinsi ambavyo utaweza kutumia javascript kutengeneza kikokotoo cha hesabu yaani calculator
Soma Zaidi...JAVASCRIPT - somo la 21: Jinsi ya kutumia while loop na do while loop
Katika somo hili tutakwenda kujifunza khusu while loop na do while loop.
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...JAVASCRIPT - somo la 20 Jinsi ya kutumia foOfloop kwenye javascript
Katika somo hili utajifunza jinsi ya kutumia forOfLoop. Hii ni aina ya loop ambayo yenyewe inahusisha item zote kwenye array.
Soma Zaidi...JAVASCRIPT - somo la 14: Jifunze kuhusu event kwenye javascript
Katika somo hili utakwenda kujifunza kuhusu javascript events. Event ni neno la Kiingereza lenye maana tukio wingi wake events kumaanisha matukio. Natumia ni kila ambacho kinatokea kwenye javascript.
Soma Zaidi...