blocks|key|4194985|text|只需在警报中传递total变量|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4194986|alert(total)|code-block|syntax|javascript|4194987|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Just pass the total variable in your alert</p>
<pre><code>alert(total)
</code></pre>


blocks|key|1541337|text|您正在添加DOM节点。我假设您想要将这些元素的值相加？如果是这样，访问它们的值并将其存储在变量中，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1541338|function+test()+{
++++const+inputName+=+document.getElementById("cf-name").value;
++++const+inputMail+=+document.getElementById("cf-mail").value;
++++const+inputMessage+=+document.getElementById("cf-message").value;

++++const+total+=+(inputName+%2B+'\n'+%2B+inputMail+%2B+'\n'+%2B+inputMessage);
++++alert(total);
}|code-block|syntax|javascript|1541339|一些额外的注意事项：|1541340|1541341|使用const而不是let，因为这些变量在稍后的代码中不会被重新赋值，因此请避免使用alert()。改为使用console.log()，并打开浏览器开发工具以检查输出|unordered-list-item|offset|length|style|CODE|1541342|1541343|entityMap^0|0|0|0|0|2|5|A|3|16|7|1I|D|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|U|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|V|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|W|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|X|8|@$M|Y|N|Z|O|P]|$M|10|N|11|O|P]|$M|12|N|13|O|P]|$M|14|N|15|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|16|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|S|$]]

<p>You're adding up the DOM nodes. I would suppose you want to sum the <em>value</em> of those elements instead? If that's the case, access their value and store it in the variables as such:</p>
<pre><code>function test() {
    const inputName = document.getElementById(&quot;cf-name&quot;).value;
    const inputMail = document.getElementById(&quot;cf-mail&quot;).value;
    const inputMessage = document.getElementById(&quot;cf-message&quot;).value;

    const total = (inputName + '\n' + inputMail + '\n' + inputMessage);
    alert(total);
}
</code></pre>
<p>Some additional notes:</p>
<ul>
<li>Use <code>const</code> instead of <code>let</code>, since those variables are not reassigned later in your code</li>
<li>Avoid using <code>alert()</code>. Use <code>console.log()</code> instead, and open your browser dev tools to check the output</li>
</ul>


blocks|key|1535973|text|您需要首先获取每个输入的.value，而不是将其应用于整个警报消息。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1535974|​|1535975|<input+type="text"+placeholder="Name"+id="cf-name">
<input+type="email"+placeholder="Email"+id="cf-mail">
<textarea+placeholder="Msg"+id="cf-message"></textarea>

<button+type="submit"+onclick="test()"+class="form-control"+id="submit-button"+name="submit">Send</button>
<script+type="text/javascript">
++function+test()+{
++++let+inputName+=+document.getElementById("cf-name");
++++let+inputMail+=+document.getElementById("cf-mail");
++++let+inputMessage+=+document.getElementById("cf-message");

++++let+total+=+(inputName.value+%2B+'\n'+%2B+inputMail.value+%2B+'\n'+%2B+inputMessage.value);
++++alert(total);
++}
</script>|code-block|syntax|javascript|1535976|1535977|entityMap^0|C|6|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|T|8|@]|D|@]|E|$K|L]]|$1|M|3|G|5|6|7|U|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|O|$]]

<p>You need to first get the <code>.value</code> for each input, instead of applying it for entire alert message.</p>
<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input type="text" placeholder="Name" id="cf-name"&gt;
&lt;input type="email" placeholder="Email" id="cf-mail"&gt;
&lt;textarea placeholder="Msg" id="cf-message"&gt;&lt;/textarea&gt;

&lt;button type="submit" onclick="test()" class="form-control" id="submit-button" name="submit"&gt;Send&lt;/button&gt;
&lt;script type="text/javascript"&gt;
  function test() {
    let inputName = document.getElementById("cf-name");
    let inputMail = document.getElementById("cf-mail");
    let inputMessage = document.getElementById("cf-message");

    let total = (inputName.value + '\n' + inputMail.value + '\n' + inputMessage.value);
    alert(total);
  }
&lt;/script&gt;</code></pre>
</div>
</div>
</p>


blocks|key|1541351|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1541352|function+test()+{
++++const+inputName+=+document.getElementById("cf-name").value;
++++const+inputMail+=+document.getElementById("cf-mail").value;
++++const+inputMessage+=+document.getElementById("cf-message").value;
++++alert(inputName+%2B'\n'+%2BinputMail+%2B'\n'%2B+inputMessage+%2B'\n');
}|code-block|syntax|javascript|1541353|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>try this :</p>
<pre><code>function test() {
    const inputName = document.getElementById(&quot;cf-name&quot;).value;
    const inputMail = document.getElementById(&quot;cf-mail&quot;).value;
    const inputMessage = document.getElementById(&quot;cf-message&quot;).value;
    alert(inputName +'\n' +inputMail +'\n'+ inputMessage +'\n');
}
</code></pre>


blocks|key|1536004|text|你可以把它写成|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1536005|<input+type="text"+placeholder="Name"+id="cf-name">
<input+type="text"+placeholder="Email"+id="cf-mail">
<input+type="text"+placeholder="Msg"+id="cf-message">


<button+type="submit"+onclick="test()"+class="form-control"+id="submit-button"+name="submit">Send</button>
<script+type="text/javascript">
++function+test()+{
++++let+inputName+=+document.getElementById("cf-name").value;
++++let+inputMail+=+document.getElementById("cf-mail").value;
++++let+inputMessage+=+document.getElementById("cf-message").value;

++++let+total+=+(inputName+%2B+'\n'+%2B+inputMail+%2B+'\n'+%2B+inputMessage);
++++alert(total);
++}
</script>|code-block|syntax|javascript|1536006|结果是，如果第一个输入值是5，第二个输入值是6，第三个输入值是11，那么就会发出这样的警报。|1536007|📷|atomic|offset|length|1536008|​|1536009|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/3434c73f7c2dc0b727417e822f8fa1c9.png|imageAlt^0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|11|8|@]|9|@$L|12|M|13|1|14]]|A|$]]|$1|N|3|O|5|6|7|15|8|@]|9|@]|A|$]]|$1|P|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|Q|$R|$5|S|T|U|A|$V|W|X|-4]]]]

<p>you can write it like</p>
<pre><code>&lt;input type=&quot;text&quot; placeholder=&quot;Name&quot; id=&quot;cf-name&quot;&gt;
&lt;input type=&quot;text&quot; placeholder=&quot;Email&quot; id=&quot;cf-mail&quot;&gt;
&lt;input type=&quot;text&quot; placeholder=&quot;Msg&quot; id=&quot;cf-message&quot;&gt;


&lt;button type=&quot;submit&quot; onclick=&quot;test()&quot; class=&quot;form-control&quot; id=&quot;submit-button&quot; name=&quot;submit&quot;&gt;Send&lt;/button&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
  function test() {
    let inputName = document.getElementById(&quot;cf-name&quot;).value;
    let inputMail = document.getElementById(&quot;cf-mail&quot;).value;
    let inputMessage = document.getElementById(&quot;cf-message&quot;).value;

    let total = (inputName + '\n' + inputMail + '\n' + inputMessage);
    alert(total);
  }
&lt;/script&gt;
</code></pre>
<p>and the result will be like if first input have 5 value second one have 6 and third one have 11 it will alert like that. <a href="https://i.stack.imgur.com/jk0MI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jk0MI.png" alt="image" /></a></p>


<p>I'm newbie in JS and trying to show a alert box when user enters his/her &quot;name-mail-message&quot; in my html page. That alert box should contain information given by user. This is what I did;</p>
<pre><code>&lt;button type=&quot;submit&quot; onclick=&quot;test()&quot; class=&quot;form-control&quot; id=&quot;submit-button&quot; name=&quot;submit&quot;&gt;Send&lt;/button&gt;
                        &lt;script type=&quot;text/javascript&quot;&gt;
                            function test() {
                                let inputName = document.getElementById(&quot;cf-name&quot;);
                                let inputMail = document.getElementById(&quot;cf-mail&quot;);
                                let inputMessage = document.getElementById(&quot;cf-message&quot;);

                                let total = (inputName.value);
                                alert(inputName.value + '\n' + inputMessage.value);
                            }
                        &lt;/script&gt;
</code></pre>
<p>When I run it I get this output.</p>
<p><a href="https://i.stack.imgur.com/vvUKD.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vvUKD.png" alt="This is the output of when I press &quot;send&quot; button" /></a></p>
<p>How can I fix this issue? If you can help I would be appreciated.</p>


How can I print multiple vars in alert box in JS

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我是JS的新手，当用户在我的html页面中输入他/她的“姓名-邮件-消息”时，我会尝试显示一个警告框。该警告框应包含用户提供的信息。这就是我所做的；<button type="submit" onclick="test()" class="form-control" id="submit-button" name="s...

问如何在JS的警告框中打印多个变量
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在JS的警告框中打印多个变量EN