picha

JAVASCRIPT - somo la 16: Jinsi ya kutumia html form kwenye javascript

Katika somo hili utakwenda kujifunza jinsi ya ku dili na html form kwenye javascript. Javascript inaweza kufanya mengi kwenye html form.

Kama tulivyo jifunza kwenye somo lililotangulia. Tunaweza kupata value ya data zilizomo kwenye form kwa kutumia .value. Tofauti na tulivyojifunza hapa itatubidi tuunganishe form id na input type id kisha ndipo tutumie value. 

 

Umuhimu wa somo hili ni kuja kukusaidia katika kuthibitisha taarifa.  Tutalifanyia kazi sana somobhili wakati wa kujifunza condition statement. 



 

Tutakwenda hatuwa kwa hatuwa ili tuweze kufikia malengo ya somo yaweze kufikiwa. 

 

  1. Kupata taarifa kuhusu html form

Taarifa ambazo tunakwenda kuziangalia kwenue html form ni pamoja na 

  1. Form id
  2. Form method
  3. Form actiom

Hizi zotebkwa pamoja zinaitwa form attribute. Rejea kwenye mafunzo yetu ya html level 2.

 

  1. Kupata form ID ni kama ambavyo tumeona huko awali kwenye somo lililotangulia. Kwanza tutaandika html form. Kumbuka form yetu inakuwa na attribute hizobzilizotajwa hapo juu. 

 

<title>User input</title>

<form id="form" method="post" action="processor.php">

  <input id="data" name="name"  value="" >

  <input type="button" onclick="myFnc()" value="check">

</form>

 

Kisha tutatengeneza paragraph ya html ambayo itakwenda ku display tada zetu. Kumbuka kuipa id hiyo paragraph. Nitakwenda kuipa id ya myP

<p id="myP"></p>

...

Jiunge nasi WhatsApp kupata update zetu

Zoezi la Maswali

Nyuma Endelea


Umeionaje Makala hii.. ?

Nzuri            Mbaya            Save
Author: Rajabu image Tarehe: 2023-10-20 Topic: JavaScript Main: ICT File: Download PDF Views 1152

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 Madrasa kiganjani    👉2 Sira ya Mtume Muhammad (s.a.w)    👉3 Kitabu cha Afya    👉4 Simulizi za Hadithi Audio    👉5 Dua za Mitume na Manabii    👉6 Tafasiri ya Riyadh Swalihina   

Post zinazofanana:

JAVASCRIPT - somo la 6: Jinsi ya kufanya mahesabu kwenye javascript

Katika somo hili utajifunza kuhusu matendo ya hesabu ambayo ni kugawanya, kujumlisha, kuzidisha na kutoa

Soma Zaidi...
JAVASCRIPT - somo la 24: Jinsi ya kutengeneza online keyboard

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

Soma Zaidi...
Game 3: Mchezo wa kufikiria namba kwa kutumia javascript

Hii ni game ambayo utafikiria namba, ambayo inatakiwa iwe sawa na namba ambayo game imeiweka.

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...
JAVASCRIPT - somo la 15: Jinsi ya kukusanya user input

Katika somo hili tutakwenda kujifunza kuhusu user input. Somo hili litaangalia html form na attribute zake na jinsi zinavyohusiana na user input. Mwisho wa somo hili utaweza kutengeneza simple Calculator kwa kutumia javascript.

Soma Zaidi...
JAVASCRIPT - somo la 10: Jinsi ya kuandika object na matumizi yake kwenye javascript

Ksomo hili litakwenda kukufundisha kuhusu object kwenye javascript, kazi zake na sheria zake katika kuiandika.

Soma Zaidi...
JAVASCRIPT - somo la 18: Jinsi ya kutumia switch case kwenye javascript

Kwa kutumia mfano huu na iliyotangulia unaweza kuweka masharti kadiri uwezavyo. Tukutane somo linalofuata tutajifunza kuhusu switch statement.

Soma Zaidi...
Offline data handle kwa kutumia javascript

Katika somo hili tutaenda kujifunza namna ya kuhifadhi taarifa za mtumiaji endapo mtandao utakuwa haupo ()

Soma Zaidi...
JAVASCRIPT - somo la 22: Jinsi ya ku set time na tarehe

Katika somo hili tutakwenda kujifunza kuhusu ku set time. Yaani tutaweka muda ambao code zinatakiwa ndio zilete matokeo.

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...