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

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>

Sasa tunakwenda kuandika javasrcipt function ya ku display hizo datavzetu kwenye paragraph. Kumbuka tumetumia onclick kwenye hiyo batani yenye value ya check. Hivyo baada ya ku bofya function yetu itafanya kazi. 

<script>

  function myFnc(){

}

<...