formData Web API를 사용하여 양식 데이터를 수집하는 방법

<div class="container">
  <div class="header"> <h4> Register </h4>
    </div>
<form class="myForm">

  <div class="message">
    <label for="msg">Message</label>
    <textarea id="msg"></textarea>
  </div>
  <div class="contact">
    <label for="name">Name</label>
    <input type="text" id="name">

    <label for="favSong">Your favourite song</label>
    <input type="text" id="favSong">

    <label for="email">Email Address</label>
        <input type="email" id="email"> 
        <label>Choose Image for your profile</label>
        <input type="file" name="profile-image" id="form-profile-image" accept="image/*">
    <button onclick="submitProfile()" >Submit</button>
  </div>
</form>
</div>
<script src="src/index.js"></script>

//index.js

const API_URL = "http://localhost:3000/api/user";

const submitProfile = ()=>{
   //complete the code
}

{
name:"",
msg:"",
email:"",
imageFile:"",
favSong:""
}