javascriptでのvalueの使い方

前提・実現したいこと

パスワードを作るアプリの作成

発生している問題・エラーメッセージ

slider.valueのvalueの意味はなんとなくわかるのですが、
getPasward();のresult.valueのvalueはなぜvalueなのか知りたいです。result.textContentではだめなのでしょうか？
初歩的な質問で申し訳ないです

該当のソースコード

!DOCTYPE html>

<html lang="ja"> <head> <meta charset="utf-8"> <title></title> <style> body { background: #e0e0e0; font-family: 'Courier New', sans-serif; text-align: center; } .container { width: 320px; margin: 30px auto; } input[type="text"] { width: 300px; padding: 7px; border-radius: 3px; font-size: 24px; font-family: 'Courier New', sans-serif; text-align: center; } #btn { color: #fff; background: #00aaff; padding: 7px; border-radius: 5px; box-shadow: 0 4px 0 #0088cc; cursor: pointer; user-select:none; } #btn:hover { opacity: 0.8; } fieldset { margin-top: 40px; border: 1px dashed #aaa; border-radius: 5px; text-align: left; } legend { font-weight: bold; padding: 0 10px; } fieldset p { text-align: center; } </style> </head> <body> <div class="container"> <p><input type="text" id="result"></p> <div id="btn">Generate Password</div> <fieldset> <legend>Options</legend> <p>Length (<span id="label">8</span>): <input type="range" id="slider" value="8" min="4" max="20"></p> <p> Numbers?: <input type="checkbox" id="numbers"> Symbols?: <input type="checkbox" id="symboles"> </p> </fieldset> </div> <script> { 'use strict';

  let slider = document.getElementById('slider');
  let label = document.getElementById('label');
  let btn=document.getElementById('btn');
  let result=document.getElementById('result');
  let numbers=document.getElementById('numbers');
  let symboles=document.getElementById('symboles');

  function getPasward(){
    let seed_letters='abcdefghijklmnopqrstuvwxyz';
    let seed_numbers='0123456789';
    let seed_symboles='!#$%&';
    let len=slider.value;
    let psw='';
    let seed=seed_letters+seed_letters.toUpperCase();
    if(numbers.checked===true){
      seed+=seed_numbers;
    }
    if(symboles.checked===true){
      seed+=seed_symboles;
    }
    for(let i=0;i<len;i++){
      psw+=seed[Math.floor(Math.random()*seed.length)];
    }
    result.value=psw;
  }

  slider.addEventListener('change',()=> {
    label.innerHTML = slider.value;
  });

  btn.addEventListener('click',()=>{
    getPasward();
  });

  result.addEventListener('click',()=>{
    result.select();
  });
  getPasward();
}
</script>

</body> </html>```