picha

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

JINSI YA KUPANGILIA MAANDISHI WAKATI WA KU OUT PUT JAVASCRIPT

Katika somo lililotangulia tulikutana na shida moja kuwa maandishi yametoka yakiwa yamebanana banana. Sasa katika somo hili tutajifunza namna ya kupangilia muonekano wa maandishi.

 

Njia zinazotumika kupangilia muonekano wa maandishi:

  1. Kwa kutumia html tag 

Kwa kutumia html tag unaweza kupangilia muonekano wa text zako kwa namna utakayo. Angalia mfamo hapo chini:-

 

Mfano 1

<script>

   document.write('<p style="color:blueviolet">Haloo bongoclass</p>');

</script>

Hii itakupa matokeo haya

Unaweza kufanya mengi kwa kutumia html ili kupangilia muonekano wa maandishi kwenye javascript. Lakini hebu tuangalie namna ambavyo mfano unaofuata utakavyotupa changamoto iliyojitokeza katika somo lililopita:-

 

Mfano 2:

<script>

   let a = 'mama anapika', b = 'ugalina dagaa';

   document.write(a, b);

</script>

code hizi zitakupa matokeo haya:-

Hapo utaona kuna changamoto kuwa variable ya kwanza na ya pili zimebanana. Hivyo unaweza kutengenisha nafasi hizi kwa kutumia html tag. Tunaweza kutatuwa changamoto hiyo kwa kutumia html tag <br> ila kwa kuwa hii ni string utahitajika kuiweka ndani ya zile alama za kufunga na kufunguwasemi yaani ‘<be>’

 

Mfano 3

<script>

   let a = 'mama anapika', b = 'ugalina dagaa';

   document.write(a, '<br>', b);

</script>

Hii itakupa matokeo haya

 

Hapo bado kuna changamot...

Ingia sasa ili uweze kusoma makala hii yote.

Jiunge nasi WhatsApp kupata update zetu
Zoezi la Maswali

Nyuma Endelea


Umeionaje Makala hii.. ?

       
Author: Rajabu image Tarehe: 2024-05-10 14:53:23 Topic: JavaScript Main: Masomo File: Download PDF Views 1055

Share On:

Share follows: 0 | Unique share links followed: 0
Sponsored links
👉1 ai web app     👉2 Kitau cha Fiqh     👉3 Bongolite - Game zone - Play free game     👉4 web hosting     👉5 Simulizi za Hadithi Audio     👉6 Sira ya Mtume Muhammad (s.a.w)    

Post zinazofanana:

JAVASCRIPT - somo la 12: Function zinazotumika kwenye namba

Katika somo hili utajifunz kuhusu baadhi ya function ambazo hutumika kwenye namba

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