Javascript 高度/长度生成器（以英尺为单位）？_Javascript_Html_Generator

Javascript 高度/长度生成器（以英尺为单位）？

javascript html

Javascript 高度/长度生成器（以英尺为单位）？,javascript,html,generator,Javascript,Html,Generator,我现在有一段代码，就是根据给定的长度来确定高度和翼展。我真的很想把结果作为英尺和英寸的测量值输入，得到的翼展和高度以相同的测量值响应。我不介意它是用撇号还是句号 <SCRIPT LANGUAGE="LiveScript"> function wings(form) { form.wingspan.value = (form.length.value * .75) * 2 form.height.value = form.length.value

我现在有一段代码，就是根据给定的长度来确定高度和翼展。我真的很想把结果作为英尺和英寸的测量值输入，得到的翼展和高度以相同的测量值响应。我不介意它是用撇号还是句号

<SCRIPT LANGUAGE="LiveScript">
    function wings(form) {
        form.wingspan.value = (form.length.value * .75) * 2
        form.height.value = form.length.value * .5
    }
</SCRIPT>

<TABLE>
    <TR>
        <TD>Dragon Length:</TD>
        <TD><INPUT TYPE="text" NAME="length" SIZE=15 /></TD>
    </TR>
    <TR>
        <TD>Dragon Wingspan:</TD>
        <TD><INPUT TYPE="text" NAME="wingspan" SIZE=15 /></TD>
    </TR>
    <TR>
        <TD>Dragon Height:</TD>
        <TD><INPUT TYPE="text" NAME="height" SIZE=15 /></TD>
    </TR>
    <TR>
        <TD><INPUT TYPE="button" VALUE="Calculate" ONCLICK="wings(this.form)" /></TD>
    </TR>
</TABLE>

</FORM>


功能翼（表格）{
form.wingspan.value=（form.length.value*.75）*2
form.height.value=form.length.value*.5
}
龙的长度：
龙翼展：
龙高：

您是否正在将其加载到浏览器中

如果是，那么LiveScript在大多数情况下不会运行。您可能想看看使用Javascript或JQuery进行编程

这里有一个代码片段可以让您开始学习，其中包含内联注释以供解释。注意我并没有为你计算任何东西。。。作为练习，你应该自己尝试这样做：

<!DOCTYPE html>
<html>
<head>
    <!-- You need this line so you can load the JQuery functions that you will be using -->
    <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>

<form id="wings">
<TABLE>
<TR><TD>Dragon Length:</TD><TD>
    <INPUT TYPE ="text" id="winglength" SIZE=15</TD></TR>
</TABLE>
</form>

<!-- ID of this element is called "trigger" and will be used for clicking -->
<div id="trigger">Click me to calculate the Wingspan and Height!</div>

<!-- This div tag is called "wingspan" -->
<div id="wingspan">Wingspan is: </div>

<!-- Can you write the HTML code for "height" here? -->

<script>

    // Everything in here will run when your page is loaded
    $(document).ready(function() {

        // When you click on the DIV tag called "trigger", you run this cod below.
        $("#trigger").click(function() {

            // "append" the wing length to the HTML tag above: the # refers to id called winglength
            $("#wingspan").append($("#winglength").val());

            // How you calculate the "height" is left as an exercise for the original poaster!
        });
    });
</script>

</body>
</html>


龙的长度：
在没有插件或库的情况下，下面是您的工作示例
看看这个例子：
Javascript:
function wings(){
    var lenght = document.getElementsByName("length")[0];
    var wingspan = document.getElementsByName("wingspan")[0];
    var height = document.getElementsByName("height")[0];

    wingspan.value = (lenght.value * 0.75) * 2;
    height.value = lenght.value * 0.5;
}

<table>
    <tr>
        <td>Dragon Length:</td>
        <td><input type="text" name="length" SIZE=15 /></td>
    </tr>
    <tr>
        <td>Dragon Wingspan:</td>
        <td><input type="text" name="wingspan" SIZE=15 readonly /></td>
    </tr>
    <tr>
        <td>Dragon Height:</td>
        <td><input type="text" name="height" SIZE=15 readonly /></td>
    </tr>
    <tr>
        <td><button onclick="wings()">Calculate</button></td>
    </tr>
</table>

HTML:
function wings(){
    var lenght = document.getElementsByName("length")[0];
    var wingspan = document.getElementsByName("wingspan")[0];
    var height = document.getElementsByName("height")[0];

    wingspan.value = (lenght.value * 0.75) * 2;
    height.value = lenght.value * 0.5;
}

<table>
    <tr>
        <td>Dragon Length:</td>
        <td><input type="text" name="length" SIZE=15 /></td>
    </tr>
    <tr>
        <td>Dragon Wingspan:</td>
        <td><input type="text" name="wingspan" SIZE=15 readonly /></td>
    </tr>
    <tr>
        <td>Dragon Height:</td>
        <td><input type="text" name="height" SIZE=15 readonly /></td>
    </tr>
    <tr>
        <td><button onclick="wings()">Calculate</button></td>
    </tr>
</table>


龙的长度：
龙翼展：
龙高：
算计
您的代码无效，我对其进行了编辑并添加了2条信息
我正在论坛上运行它，因此它只是插入其中一条帖子。我不确定这是否会改变什么——正如我所说，我是个新手。什么论坛？这可能会影响一些事情——许多论坛不允许你在上面运行代码；你可以看到上面的和另一个。他们不会读出英尺和英寸，这就是我想要的：）你写了这些例子中链接的帖子吗？正如我提到的，许多论坛不允许你在上面写代码。你可能想和论坛管理员谈谈，询问他们关于允许你写什么表单的细节。（旁注：几十年前我曾扮演过佩恩的龙骑士。）我是论坛的管理员，那些帖子都是我的。管理员是唯一一个能够发布HTML的人，因为搞砸了它可能会毁了主板。：）好极了！Pern是最好的XD