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>

...



Je! umeipenda hii post?
Ndio            Hapana            Save post

Kama unahitaji kuuliza maswali Bofya hapa

Mwandhishi Tarehe 2023-10-20 Download PDF     Share On Facebook or Whatsapp Imesomwa mara 129

Post zifazofanana:-

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 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 7: Jinsi ya kutumia logical operator kwenye javascript
Katika somo hili utakwenda kujifunza jinsi ya kutumia logical operator kwenye javascript. Katika somo hili tutakwenda kutumia mahesabu. 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 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 5: Jinsi ya kupangilia maandishi wakati wa ku output kwenye javascript
Katika somo hili utajifunza jinsi ya kupangilia muonekano wa maandishi (text) wakati wa ku out put matokeo ya code 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...

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

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

Game 2: Jinsi ya kutengeneza tic toc game ya single player kwa kutumia javascript, html na css
Katika post hii utakwenda kujifunza kutengeneza game ya tic toc ya mchezaji mmoja na kompyuta yaani single player Soma Zaidi...

JAVASCRIPT - somo la 12: Function zinazotumika kwenye namba
Katika somo hili utajifunz kuhusu baadhi ya function ambazo hutumika kwenye namba Soma Zaidi...