Question

我想知道如果有办法在计算按钮下面的同一页面上的文本字段中打印它，而不是使用警报功能来显示功能结果。以下是我到目前为止的情况：

＆＃13;

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="styles/formula_styles.css">

	<script type="text/javascript">

		var a,b,c;
		function setValues1()
		{
			a = Number(document.getElementById("a").value);
			b = Number(document.getElementById("b").value);
			c = Number(document.getElementById("c").value);
		}

		function and()
		{
			setValues1();
			result1 = (-b + Math.sqrt(b*b -4*a*c))/(2*a);
			result2 = (-b - Math.sqrt(b*b -4*a*c))/(2*a);
			alert("The volume of this cube is " +result1 + " and " +result2);
		}

	</script>

</head>
<body>

<nav>
	<a href="index.html">Home</a> // <a href="levels.html">Grade Levels</a>
</nav>

<div id="container">
	<div id="formula">	
		<input type="text" id="a" placeholder="'A' Variable"/><br>
		<input type="text" id="b" placeholder="'B' Variable"/><br>
		<input type="text" id="c" placeholder="'C' Variable"/><br>
		<input type="button" onclick="and()" value="Calculate!"/>
	</div>

</div>
</body>
</html>

＆＃13;

Answer 1

在按钮下创建div并填充innerHTML的{{1}}：

div

Answer 2

您可以通过设置要包含文本的元素来完成此操作。

import chardet

filepointer = open(self.filename)
charset_detected = chardet.detect(filepointer.read())

要执行此操作，您需要使用结果ID设置元素。

这行代码调用函数document.getElementById("result").innerHTML = "The volume of this cube is " +result1 + " and " + result2;来获取元素，然后允许您更改其getElementByID属性。

您指定给它的元素可以是您想要的元素。

Answer 3

在你的html中添加一个元素，如下所示：

<body class="fullbleed layout vertical">
    <paper-drawer-panel>
        <paper-header-panel drawer>
            <paper-toolbar>
                <div><img src="my-image.png"></div>
            </paper-toolbar>
            <paper-menu id="mainMenu">
                <paper-item>One</paper-item>
                <paper-item>Two</paper-item>
            </paper-menu>
        </paper-header-panel>
        <paper-header-panel main>
            <paper-toolbar>
                <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
                <div>My Title</div>
                <img src="my-avatar.png" aria-label="avatar" title="avatar" width="64px" height="64px"/>
                <a href="/logout" aria-label="Logout" title="Logout">Logout</a>
            </paper-toolbar>
            <div id="content">My content/div>
        </paper-header-panel>
    </paper-drawer-panel>
    </body>

然后，您可以执行以下操作，而不是使用警报：

<div id="results"></div>

如何在同一页面上显示javascript结果

3 个答案: