Form Web Components

  Fox
  Lion
  ...

const  select = document.querySelector("#...");

console.log(select.value);
//  null if empty,
// "fox" if Fox is selected,
// "lion" if Lion is selected ...

console.log(select.value);
//  null if empty,
// "squirrel" if Squirrel is selected,
// "seal,fox" if Seal and Fox are selected ...

/* Get input value */

const  input = document.querySelector("#...");

console.log(input.value);
// return : 
// - null, if empty or error,
// - otherwise, the entered value

  Lorem ipsum dolor sit amet...

/* Get textarea value */

const  textarea = document.querySelector("#...");

console.log(textarea.value);
// return : 
// - null, if empty or error,
// - otherwise, the entered value