如何将jQuery代码转换为JavaScript？

我在解决上一个帖子时遇到了困难。我只得到了一个需要

jQuery

的解决方案，但我想改用

JavaScript

我真的需要帮助

以前的职位（供参考）：

这是第一个jquery代码

$（函数（）{
$（“#btngo”）.bind（“单击”，函数（）{
var url=“Page2.htm？foodbeverage=“+encodeURIComponent（$（“#foodbeverage”）.val（））+”&status=“+encodeURIComponent（$（“#status”）.val（）”；
window.location.href=url；
});
});

我已将第一个代码段转换为与本机JS等效的代码段。我没有将状态添加到URL，它只是与获取食品饮料更为相似

（函数（）{
/**
*处理“提交”按钮的单击。
*/
SubmitClicked上的函数（事件）{
//从DOM中获取输入元素。
var=document.getElementById（'foodbeverage'），
//从元素中获取值。
beverageValue=饮料的价值，
//构造URL。
url='Page2.html？foodbeverage='+encodeURIComponent（beverageValue）+'&status=test'；
//不要转到URL，而是将其记录到控制台。
log（'转到URL:'，URL）；
}
//从DOM中获取按钮。
var submitButton=document.getElementById（'btngo'）；
//为单击事件添加事件侦听器。
submitButton.addEventListener（'click'，onSubmitClicked）；
})();

饮料：
对于第二个代码段，在表单/页面中添加一个
div
。下面的JS函数将使用传递的参数更新windowonload上的
div
值。请注意，
div
仅在两个querystring参数都存在时更新

         <div id="showdata"></div>

         <script type="text/javascript">
            window.onload = passParameters;

            //Function to update "showdata" div with URL Querystring parameter values
            function passParameters() {
                var foodbeverage = getParameterByName("foodbeverage");
                var status = getParameterByName("status");
                if (foodbeverage != null && status != null) {                
                    var data = "<b>Food Beverages:</b> " + foodbeverage + " <b>Dine Takeaway:</b> " + status;
                    document.getElementById("showdata").innerHTML = data;
                }
            }
            //Get URL parameter value
            function getParameterByName(name, url) {
                if (!url) url = window.location.href;
                name = name.replace(/[\[\]]/g, "\\$&");
                var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
                    results = regex.exec(url);
                if (!results) return null;
                if (!results[2]) return '';
                return decodeURIComponent(results[2].replace(/\+/g, " "));
            }
        </script>


window.onload=密码参数；
//使用URL查询字符串参数值更新“showdata”div的函数
函数参数（）{
var foodbeverage=getParameterByName（“foodbeverage”）；
var status=getParameterByName（“status”）；
如果（foodbeverage！=null&&status！=null）{
var data=“食品饮料：”+foodbeverage+“餐饮外卖：”+状态；
document.getElementById（“showdata”）.innerHTML=data；
}
}
//获取URL参数值
函数getParameterByName（名称、url）{
如果（！url）url=window.location.href；
name=name.replace（/[\[\]]/g，\\$&）；
var regex=new RegExp（“[？&]”+name+”（=（[^&#]*）和|#|$），
结果=regex.exec（url）；
如果（！results）返回null；
如果（！results[2]）返回“”；
返回组件（结果[2]。替换（/\+/g，”）；
}
这两个代码段之间的差异可能存在重复？请尝试查看@LarsBeck；谢谢你意识到这一点。我已经更新了，非常感谢。我刚刚意识到我必须更改“console.log”。非常抱歉。我已经在你的新问题中概述了一些步骤，希望它能帮助你找到下一步要做的事情。