斜率值不会显示在Web应用程序中。我怎样才能解决这个问题？ [英] Slope value will not display in web application. How can I fix this?
问题描述
我正在创建一个用作计算器的Web应用程序。其中一个功能是计算斜率。该应用程序使用JavaScript和HTML（JQuery）编码。按下解决按钮时，不显示该值。也许这里有一些我没看到的东西？
JavaScript代码：
function getSlope（）{
var snumber1 = document .getElementById（ snumber1）;
var snumber2 = document .getElementById（ snumber2）;
var snumber3 = document .getElementById（ snumber3）;
var snumber4 = document .getElementById（ snumber4）;
var sanswer = document .getElementById（ sanswer）;
var x2 = parseFloat （snumber1.value）;
var y2 = parseFloat （snumber2.value）;
var x1 = parseFloat （snumber3.value）;
var y1 = parseFloat （snumber4.value）;
var y3 = y2 - y1;
var x3 = x2 - x1;
sanswer.value = y3 / x3;
}
HTML code：
< / div >
< div data-role = controlgroup >
< a href = ＃ data-role = 按钮 onClick = getSlope（） > 解决< / a >
< a href = ＃ data-role = 按钮 onClick = slopeClear（） > 清除< / a >
< a href = ＃homePage data-role = 按钮 data-icon = 返回 > 返回首页< / a >
< / div >
< / div >
提前谢谢。
编辑：这里有更多页面的HTML代码。此代码包含所有文本字段。
< div data-role = page id = slopeCalculator data-theme = e >
< < span class =code-leadattribute> div data-role = header >
< h1 > 斜率计算器< span class =code-keyword>< / h1 >
< / div >
< center > < img < span class =code-attribute> src = slope.png width = 204 height = 82 alt = / > < / center >
< div data-role = fieldcontain >
< ; label for < span class =code-keyword> = number6 > x2：<跨越ss =code-keyword>< / label >
< 输入 类型 = 数字 名称 = number6 id = snumber1 value = / >
< / div >
< div data-role = fieldcontain >
< label = number6 > y2：< / label >
< input type = 数字 名称 = number7 id = snumber2 value = / >
< / div >
< div data-role = <温泉n class =code-keyword> fieldcontain >
< label = number11 > x1：< / label >
< 输入 类型 = 数字 名称 = number8 id = snumber3 value = / >
< / div >
< div data-role = fieldcontain >
< label = number12 > y1：< / label >
< input type = 数字 名称 = number9 id = snumber4 value = / >
< / div >
< div data-role = fieldcontain >
< ; label for < span class =code-keyword> = number13 > 斜率：< span class =code-keyword>< / label >
< input type = number < span class =code-attribute> name = number10 id = sanswer value = / >
< / div >
< div 数据 - 角色 = controlgroup >
< a href = ＃ data-role = 按钮 onClick = getSlope（） > 解决< / a >
< a href = ＃ data-role = 按钮 onClick = slopeClear（） > 清除< / a >
< a href = #homePage data-role = 按钮 data-icon = 返回 > 返回主页< / a >
< / div >
< / div >
< div data-role = 页脚 >
< h4 > Riley Haluzak < / h4 >
< / div >
< b>我尝试了什么：
我尝试重写代码，将代码与应用程序中的类似函数进行比较，并搜索类似的代码应用程序。
Quote：斜率值不会显示在Web应用程序中。
您的JS代码正在进行一些计算并将结果存储在名为sanswer.value的JS变量中。
到目前为止，非常好！
但是这个值在html元素中复制了什么魔法？
引用：钍ere是一个HTML文本框，其id为sanswer。我似乎无法发布文本框的HTML代码。
我们怎么猜这个？
问题：你需要document.getElementById（sanswer）读取html元素的值，是什么让你觉得你不需要它来写那个元素？
尝试：
document .getElementById（ sanswer）= y3 / x3;
I am creating an web application that serves as a calculator. One of the functions is to calculate slope. The application is coded in JavaScript and HTML(JQuery). When the solve button is pressed, the value is not displayed. Maybe there is something here that I am not seeing?
JavaScript code:
function getSlope(){
var snumber1 = document.getElementById("snumber1");
var snumber2 = document.getElementById("snumber2");
var snumber3 = document.getElementById("snumber3");
var snumber4 = document.getElementById("snumber4");
var sanswer = document.getElementById("sanswer");
var x2 = parseFloat(snumber1.value);
var y2 = parseFloat(snumber2.value);
var x1 = parseFloat(snumber3.value);
var y1 = parseFloat(snumber4.value);
var y3 = y2 - y1;
var x3 = x2 - x1;
sanswer.value = y3/x3;
}
HTML code:
</div>
<div data-role="controlgroup">
<a href="#" data-role="button" onClick = "getSlope()">Solve</a>
<a href="#" data-role="button" onClick = "slopeClear()">Clear</a>
<a href="#homePage" data-role="button" data-icon="back">Return to home</a>
</div>
</div>
Thank you in advance.
EDIT: Here is more HTML code of the page. This code includes all text fields.
<div data-role="page" id="slopeCalculator" data-theme = "e">
<div data-role="header">
<h1>Slope Calculator</h1>
</div>
<center><img src="slope.png" width="204" height="82" alt=""/></center>
<div data-role="fieldcontain">
<label for="number6">x2:</label>
<input type="number" name="number6" id="snumber1" value="" />
</div>
<div data-role="fieldcontain">
<label for="number6">y2:</label>
<input type="number" name="number7" id="snumber2" value="" />
</div>
<div data-role="fieldcontain">
<label for="number11">x1:</label>
<input type="number" name="number8" id="snumber3" value="" />
</div>
<div data-role="fieldcontain">
<label for="number12">y1:</label>
<input type="number" name="number9" id="snumber4" value="" />
</div>
<div data-role="fieldcontain">
<label for="number13">Slope:</label>
<input type="number" name="number10" id="sanswer" value="" />
</div>
<div data-role="controlgroup">
<a href="#" data-role="button" onClick = "getSlope()">Solve</a>
<a href="#" data-role="button" onClick = "slopeClear()">Clear</a>
<a href="#homePage" data-role="button" data-icon="back">Return to home</a>
</div>
</div>
<div data-role="footer">
<h4>Riley Haluzak</h4>
</div>
What I have tried:
I have tried rewriting the code, comparing the code to similar functions within the application, and searching for code of similar applications.
Quote:Slope value will not display in web application.
Your JS code is doing some calculation and store the result in a JS variable namedsanswer.value.
So far, so good !
But what magic make that value copied in an html element ?
Quote:There is an HTML text box that has the id "sanswer". I can't seem to post the HTML code of the text box.
How are we supposed to guess that?
Question : you needdocument.getElementById("sanswer")to read the value of an html element, what make you think that you don't need it to write in that element ?
Try :
document.getElementById("sanswer")= y3/x3;
这篇关于斜率值不会显示在Web应用程序中。我怎样才能解决这个问题？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
