0

私はまだJavaScriptでコード化されたこの計算機をいじっています。出力のアラートの表示を停止し、「出力」という名前の以下のdivタグに出力するようにするには、どうすればよいかについてこの質問をしています。

私はすでにそれが出力にあると思うものに配置しました、そして私はこれを以下に貼り付けました：

 <html>
    <head>
    <link href="stylesheet/stylesheet.css" rel="stylesheet" type="text/css">

    <script type="text/javascript">



    function checkinputs(){
    var     A = parseInt(document.triangleform.input1.value);
    var     B = parseInt(document.triangleform.input2.value);
    var     C = parseInt(document.triangleform.input3.value);


        if (A == B && B == C) { alert("Equalateral"); } 
        if (A == B && B != C || B == C && A != B || C == A && A != B) {alert("Isosceles");} 
        if (A != B && B != C && C != A) {alert("Scalene!");} 
    }



    function keypress(evt) {
      var theEvent = evt || window.event;
      var key = theEvent.keyCode || theEvent.which;
      key = String.fromCharCode( key );
        var regex = /[0-9]|\./;
      if( !regex.test(key) ) {
        theEvent.returnValue = false;
        if(theEvent.preventDefault) theEvent.preventDefault();
      }
    }

    function notEmpty(field, NocharMsg){
        if(field.value.length == 0){
            alert(NocharMsg);
            field.focus();
            return false;
        }
        return true;
    }
    </script


    </head>
    <body>
    <div id="Container">

    <div id="Header"><h1></h1></div>

            <div id="Content_1">
                    <div id="Explanation">
                    This calculator will determine what
                    triangle you have made depending on
                    the integer values in the input fields.

                    </div>
                    <div id="Form">
                        <FORM NAME="triangleform">
                        Enter the triangle values below: <br>
                        <p>
                        <h4>Side 1: </h4><BR>
                        <INPUT TYPE="Integer" NAME="input1" onkeypress='keypress(event)' /><P>
                        <h4>Side 2: </h4><BR>
                        <INPUT TYPE="Integer" NAME="input2" onkeypress='keypress(event)' /><P>
                        <h4>Side 3:</h4> <BR>
                        <INPUT TYPE="Integer" NAME="input3" onkeypress='keypress(event)' /><P>
                        <INPUT TYPE="button" NAME="Submit" Value="Submit" onClick="checkinputs()" />
                        </FORM>
                    </div>
                    <div id="Verbal_Output">
                        <h2>You made a:</h2>
                        <p>        
                        <h2>Triangle</h2>
                    </div>

                </div>
                <p>
                <p>
            <div id="Content_2">

            <div id="Output">
            <script>
            document.getElementById("Output").value = checkinputs();

            </script>   
            </div>



    </body>
    </html>

どうもありがとうございます。

4

2 に答える 2

2

ほぼそこにあります-divにはvalueプロパティ（フォーム入力用）はありませんが、innerHTMLプロパティはあります。値を取得するのではなく、return必要な値を確認してください。checkInputs()alert

例えば：

function checkinputs() {
    var A = parseInt(document.triangleform.input1.value),
        B = parseInt(document.triangleform.input2.value),
        C = parseInt(document.triangleform.input3.value),
        result;


    if (A == B && B == C) { result = "Equilateral"; } 
    if (A == B && B != C || B == C && A != B || C == A && A != B) { result ="Isosceles";} 
    if (A != B && B != C && C != A) { result = "Scalene!";} 

    // return result;
    document.getElementById("Output").innerHTML = result;
}

次に、マークアップで：

<script>
        document.getElementById("Output").innerHTML = checkinputs();
</script>

.innerHTML大文字と小文字が区別されることに注意してください。

于 2012-09-19T14:49:12.910 に答える
-1 
function checkinputs(){  
    var A = parseInt(document.triangleform.input1.value);
    var B = parseInt(document.triangleform.input2.value);
    var C = parseInt(document.triangleform.input3.value);

    if (A == B && B == C) { $('#output').html("<div>Equalateral</div>");}
    if (A == B && B != C || B == C && A != B || C == A && A != B) {$('#output').html("<div>Isosceles</div>");}
    if (A != B && B != C && C != A) {$('#output').html("<div>Scalene!</div>");}
}
于 2012-09-19T15:02:48.693 に答える