JavaScript භාවිතයෙන් අංගවල පාඨය සමඟ වැඩ කිරීම

DOM අංගවලට textContent යන ගුණාංගය ඇත, මෙමඟින් එම අංගවල පාඨය කියවීමට හැකි වේ. අපි උදාහරණයක් බලමු. අප සතුව පහත ටැගය ඇති බව සිතමු:

html<p id="elem">text</p>

මෙම ටැගය වෙත සබැඳියක් ලබා ගනිමු විචල්යයකට:

javascriptlet elem = document.querySelector('#elem');

ටැගයේ පාඨය කියවමු:

javascriptconsole.log(elem.textContent);

ටැගයේ පාඨය වෙනස් කරමු:

javascriptelem.textContent = '!!!';
Задание 1

පයිරසයක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමේදී පයිරසයේ පාඨය කියවා එය කොන්සෝලයේ ප්‍රදර්ශනය කරන්න.

Задание 2

පයිරසයක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමේදී පයිරසයට නව පාඨයක් ලියන්න.

Задание 3

තම පාඨය ලෙස සංඛ්‍යා කිහිපයක් අඩංගු පයිරස දෙකක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමේදී තිරය මත ගබඩා කර ඇති සංඛ්‍යාවල එකතුව ප්‍රදර්ශනය කරන්න.

Задание 4

සංඛ්‍යා සහිත පයිරස තුනක්, div එකක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමේදී div එකේ පාඨයට සංඛ්‍යාවල එකතුව ලියන්න.

Задание 5

සංඛ්‍යාවක් සහිත පයිරසයක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමේදී පයිරසයේ අගයට එකක් එකතු කර ලබාගත් සංඛ්‍යාව නැවත ලියන්න.

Задание 6

පාඨය සහිත පයිරසයක් සහ බොත්තමක් ලබා දී ඇත. බොත්තම ක්ලික් කිරීමේදී පයිරසයේ පාඨයේ අවසානයට හඬක්ලීමේ සලකුණක් ලියන්න.