<!DOCTYPE html>
<html>
<hea>
<link href='https://fonts.googleapis.com/css?family=Odor+Mean+Chey' rel='stylesheet'>
</hea>
<body style="font:14px/1.5 'Odor Mean Chey'">
<input onclick="myFunction()" type="button" value="ដូរពណ៌" />
<input type="color" id="favcolor" value="#ff0000">
</body>
</html>
នៅលើបន្ទាត់លេខ 8 គឺជាការបង្កើតប៊ូតុងចុចជ្រើសរើសយកពណ៌មួយ ដែលមានអត្តសញ្ញាណជា "favcolor" ។
នៅលើបន្ទាត់លេខ 11 គឺជាការយកវិធីមានស្រាប់ឈ្មោះ getElementById នៅក្នុងភាសា JS យកមកប្រើ ដើម្បីចំលងយកលេខកូដរបស់ពណ៌ដែលត្រូវបានជ្រើសរើសនៅលើប៊ូតុងចុចជ្រើសរើសយកពណ៌។
នៅលើបន្ទាត់លេខ 12 គឺជាការយកវិធីមានស្រាប់មួយទៀតឈ្មោះ getElementsByTagName ក្នុងគោលបំណងយកពណ៌ដែលត្រូវបានជ្រើសរើសនោះ យកទៅដូរពណ៌អោយផ្ទៃ browser ទាំងមូល។
ជាលទ្ធផល នៅពេលដែលទំព័រ HTML ខាងលើនេះត្រូវបានបើកឡើង ដែលធ្វើអោយកម្មវិធីខាងលើនេះដំណើរការ យើងអាចចុចប៊ូតុងជ្រើសរើសយកពណ៌ណាក៏បានដែរ ដើម្បីដូរពណ៌ផ្ទៃរបស់ browser ដោយគ្រាន់តែចុចប៊ូតុង «ដូរពណ៌» តែប៉ុណ្ណោះ៕
