Javascript 将消息发送到指定地址的联系人表单

我想知道，在使用用户输入的电子邮件作为发送地址的同时，如何将从上面的表单框输入的邮件发送到特定的电子邮件地址？这是否可以通过html实现，或者我需要使用某种JavaScript来实现？任何有帮助的，请提前感谢

常量输入=document.querySelectorAll（“.input”）；
函数focusFunc（）{
让parent=this.parentNode；
parent.classList.add（“焦点”）；
}
函数func（）{
让parent=this.parentNode；
如果（this.value==“”）{
parent.classList.remove（“焦点”）；
}
}
输入。forEach（（输入）=>{
input.addEventListener（“焦点”，focusFunc）；
input.addEventListener（“模糊”，blurFunc）；
});

@导入url（'https://fonts.googleapis.com/css2?family=Raleway:wght@200；300；400；500；600；700&display=swap'）；
@字体面{font-family:ralway；src:url（'https://fonts.googleapis.com/css2?family=Raleway:wght@200；300；400；500；600；700&display=swap'）；}
* {
保证金：0；
填充：0；
框大小：边框框；
}
身体，
输入，
文本区{
字体系列：雷威；
}
.集装箱{
位置：相对位置；
宽度：100%；
最小高度：100vh；
填充：2rem；
溢出：隐藏；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.表格{
宽度：100%；
最大宽度：820像素；
背景色：#fff；
边界半径：10px；
盒影：0.20px 1px rgba（0,0,0,0.1）；
z指数：1000；
溢出：隐藏；
显示：网格；
网格模板列：重复（2，1fr）；
}
.联络表格{
背景色：#3A81B4；
位置：相对位置；
}
.圆圈{
边界半径：50%；
背景：线性梯度（135度，透明20%，#2d6a96）；
位置：绝对位置；
}
.圈一{
宽度：130px；
高度：130像素；
顶部：130像素；
右：-40px；
}
.第二圈{
宽度：80px；
高度：80px；
顶部：10px；
右：30px；
}
.联系方式：前{
内容：“；
位置：绝对位置；
宽度：26px；
高度：26px；
背景色：#3A81B4；
变换：旋转（45度）；
顶部：50px；
左：-13px；
}
形式{
填充物：2.3rem 2.2rem；
z指数：10；
溢出：隐藏；
位置：相对位置；
}
.头衔{
颜色：#fff；
字号：500；
字体大小：1.5rem；
线高：1；
边缘底部：0.7雷姆；
}
.输入容器{
位置：相对位置；
保证金：1rem 0；
}
.输入{
宽度：100%；
大纲：无；
边框：2px实心#fafafa；
背景：无；
填充：0.6rem 1.2rem；
颜色：#fff；
字号：500；
字体大小：0.95rem；
字母间距：0.5px；
边界半径：7px；
过渡：0.3s；
}
textarea.input{
填充：0.8rem 1.2rem；
最小高度：150px；
边界半径：7px；
调整大小：无；
溢出y：自动；
}
.输入容器标签{
位置：绝对位置；
最高：50%；
左：15px；
转化：translateY（-50%）；
填充：0.4雷姆；
颜色：#fafafa；
字体大小：0.9rem；
字体大小：400；
指针事件：无；
z指数：1000；
过渡：0.5s；
}
.input-container.textarea标签{
顶部：1rem；
变换：translateY（0）；
}
.btn{
填充：0.6雷姆1.3雷姆；
背景色：#fff；
边框：2px实心#fafafa；
字体大小：0.95rem；
颜色：#1880c9；
线高：1；
边界半径：25px；
大纲：无；
光标：指针；
过渡：0.3s；
保证金：0；
}
.btn:悬停{
背景色：透明；
颜色：#fff；
}
.输入容器跨度{
位置：绝对位置；
排名：0；
左：25px；
转化：translateY（-50%）；
字体大小：0.8rem；
填充：0.4雷姆；
颜色：透明；
指针事件：无；
z指数：500；
}
.输入容器跨度：之前，
.输入容器跨度：之后{
内容：“；
位置：绝对位置；
宽度：10%；
不透明度：0；
过渡：0.3s；
高度：5px；
背景色：#3A81B4；
最高：50%；
转化：translateY（-50%）；
}
.输入容器跨度：之前{
左：50%；
}
.输入容器跨度：之后{
右：50%；
}
.input-container.focus标签{
排名：0；
转化：translateY（-50%）；
左：25px；
字体大小：0.8rem；
}
.input-container.focus span:在，
.input-container.focus span:之后{
宽度：50%；
不透明度：1；
}
.联系方式{
填充物：2.3rem 2.2rem；
位置：相对位置；
}
.联系方式.职务{
颜色：#1880c9；
}
.文本{
颜色：#333；
保证金：1.5雷姆0.2雷姆0；
}
.信息{
显示器：flex；
颜色：#555；
保证金：0.7雷姆0；
对齐项目：居中；
字体大小：0.95rem；
}
.图标{
宽度：28px；
右边距：0.7雷姆；
}
.社交媒体{
填充：2rem0；
}
.社交媒体{
颜色：#333；
}
.社会偶像{
显示器：flex；
边缘顶部：0.5雷姆；
}
.社会偶像a{
宽度：35px；
高度：35px；
边界半径：5px；
背景：线性梯度（45度，#3A81B4，#2d6a96）；
颜色：#fff；
文本对齐：居中；
线高：35px；
保证金权利：0.5雷姆；
过渡：0.3s；
}
.社交图标a:悬停{
转换：标度（1.05）；
}
.广场{
位置：绝对位置；
高度：400px；
最高：50%；
左：50%；
转化：翻译（181%，11%）；
不透明度：0.2；
}
@介质（最大宽度：850px）{
.表格{
网格模板列：1fr；
}
.联系方式：以前{
底部：首字母；
顶部：-75px；
右：65px；
变换：比例（0.95）；
}
.联系方式：前{
顶部：-13px；
左：首字母；
右：70px；
}
.广场{
转化：翻译（140%，43%）；
高度：350px；
}
.大圆圈{
底部：75%；
转换：比例（0.9）转换（-40%，30%）；
右：50%；
}
.文本{
保证金：1雷姆0 1.5雷姆0；
}
.社交媒体{
填充：1.5雷姆0；
}
}
@介质（最大宽度：480px）{
.集装箱{
填充：1.5雷姆；
}
.联系方式：以前{
显示：无；
}
广场
.大圆圈{
显示：无；
}
形式，
.联系方式{
填充：1.7雷姆1.6雷姆；
}
.文本，
.信息，
.社交媒体{
字体大小：0.8rem；
}
.头衔{
字体大小：1.15rem；
}
.社会偶像a{
宽度：30px；
高度：30px；
线高：30px；
}
.图标{
宽度：23px；
}
.输入{
填充：0.45rem 1.2rem；
}
.btn{
帕丁
<a id="email-link" href="mailto:email@example.com?cc=secondemail@example.com, anotheremail@example.com, &bcc=lastemail@example.com&subject=Mail from our Website&body=Some body text here">Send Email</a>

function changeLinkHref(){
    let message_content = document.getElementById("message-text-area").value;
    let name = document.getElementById("name-input").value;
    document.getElementById("email-link").href = "mailto:yourmail@yourdomain.zone?&subject=subject&body=" + name + "%0A" + message_content ;
}