شرح صفوف ومحتوى الفقرة
في لغة جافا سكريبت يمكن عند تغيير قيمة input يتم تنفيذ أمر برمجي داخل صفحة الويب مثل إضافة border للحقل.
JavaScript on change event attribute
كتابة event جافا سكريبت داخل العنصر في صفحة HTML.
HTML
<input type="text" class="input" placeholder="Enter Username" onchange="this.style.border='1px solid #55efc4'">
JavaScript on change event function
كتابة event جافا سكريبت داخل دالة في جافا سكريبت.
HTML
let input = document.getElementById("input");
input.onchange = function(){
input.style.border='1px solid #55efc4'
};
JavaScript on change addEventListener
كتابة event جافا سكريبت داخل دالة addEventListener في جافا سكريبت.
HTML
let input = document.getElementById("input");
input.addEventListener('change',()=>{
input.style.border='1px solid #55efc4'
});