<input>
<script>
  let input = document.querySelector('input');
  // سمة ⇐ خاصية
  input.setAttribute('value', 'text');
  alert(input.value); // text
  //خاصية ⇍ سمة
  input.value = 'newValue';
  alert(input.getAttribute('value')); // text (لم يتم التحديث)
</script>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.