Katika somo hili utakwenda kujifunza jinsi ambavyo utaweza ku display matokeo ya code za javascript.
JAVASCRIPT OUT PUT
Hapa tutajifunza namna ambavyo unaweza kuonyesha matokeo ya code javascript. Yaani ilikwamba hizo code ulizoandika zionyeshe matokeo yanayotarajiwa. Kama umejifunza kuhusu PHP tunatumia print ama echo. Sasa vipi kwenye javascript nini tutatumia. Endelea na somo hili hadi mwisho.
Kabla hatujaendelea na somo zaidi, naamini unatumia text editor. Kama unatumia simu unaweza kutumia trebEdit. Kama unatumia komputa unaweza kutumia sublime text. Unaweza pia kutumia notepad, notepad plus, ama text editor yeote. Hakikisha pia una ufahamu kuhusu html angalau basic level.
Ni njia zipi javascript hutumia kuonyesha output
Kuna njia 4 ambazo hutumika kwenye javascript kuonyesha output. Njia hizo ni:-
Kwa kutumia innerHTML
Kwa kutumia document.write()
Kwa kutumia window.alert()
Kwa kutumia console.log()
Kwa kutumia innerHTML propert
Property hii hutumika kwa ajili ya ku badili maudhui ya kwenye html element, ama ku modify maudhui, ama kuweka maudhui mapya kwenye elemeny ya html. Mara nyingi hutumika kwenye element <p> lakini inawekza pia kutumika kwenye <div> na maeneo mengine.
Hii hutumika katika kufikia element za HTML. kwanza utahitajika element husika kuipa id, kisha utatumia hiyo id ili uweze kuifikia kwa kutumia javascript.
Mafano:
<!DOCTYPE html>
<html lang="swa">
<body>
<p id="mfano"></p>
<script>
document.getElementById("mfano").innerHTML = 'haloo javascript';
</script>
</body>
</html>
Kwanza element p tumeipa id ya mfano <p id="mfano"></p> Hii inamaanisha maudhui ya kwenye element p yatapatikana baada ya id ya mfano kufikiwa kwenye javascript. Ili kuweka id kwenye html element ni kama unavyotaka kuweka html attributes. Utaanza kuweka tag ya element mafano <p kisha itafata attribute id <p id itafuatiwa na alama ya = <p id = thamani ya id yaani value itakuwa ndani ya alama hizi “” kisha funga element yako <p id="mfano"></p> Baada ya hapo kinachofuawata ni kuweka code za javascript.
Tambuwa kuwa code zote za javascript huwekwa ndani ya tag za javascript. Tag za javascript ni <script> hii ni ya kufungua na </script> hii ni ya kufunga. Sasa kinachofuwata ni kuitumia id ili kuweza kupata matokeo ya javascript.
Hapa tutatumia document.getElementById() ili kuweza kuifikia id ya element yetu. Kwenye mabano hapo weka id yetu ambayo ni mfano document.getElementById("mfano") baada ya hapo kinachofuata ni kytumiaproperty ya innerHTML ili kuweza kuipa maudhui mapya elemebt yetu. Inafuata alama ya = kisha maudhui yako utaweka hapo. Kama ni string yaani mkusanyiko wa herufi na namba ama herufi tupu maudhui hayo yatakuwa ndani ya funga na fugua semi “”. Mfano wetu juu hapo tunataka kuonyesha maneno haloo javascript. Hivyo itakuwa document.getElementById("mfano").innerHTML = 'haloo javascript'; Kma ingelikuwa namba tungeweka document.getElementById("demo").innerHTML = 5 + 6;
Angalia mfano:-
<!DOCTYPE html>
<html lang="swa">
<body>
<p id="mfano"></p>
<div id="mfano2"></div>
<script>
document.getElementById("mfano").innerHTML = 'haloo javascript';
document.getElementById("mfano2").innerHTML = 5 + 6;
</script>
</body>
</html>
Je! umeipenda hii post?
Ndio Hapana Save post
Rajabu 
Tarehe 2024-05-10 14:53:23 Download PDF
Share On
Facebook
or
Whatsapp
Imesomwa mara 216
Sponsored links
👉1 Kitabu cha Afya
👉2 Madrasa kiganjani
👉3 kitabu cha Simulizi
👉4 Kitau cha Fiqh
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 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 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. 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 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 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 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...
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 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...
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 19: Jinsi ya kutumia loop kwenye javascript
Katika somo hilibtutakwenda kujifunza kuhusu loop. Katika programming tunaposema loop tunamaanisha ile hali ya program ku excute code zaidi na zaidi. Tofauti na kurudia rudia kuandika statement moja kwa ajili ya kupata matokeoa hayohayo basi unapotumia lo 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...
