ホームページ > 記事 > ウェブフロントエンド > JavaScript を実装して値を計算し、その値を HTML に埋め込む方法
JavaScript を実装して値を計算し、その値を HTML に埋め込む方法
- 高洛峰オリジナル
- 2016-12-08 14:02:451734ブラウズ
以下に示すように:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JavaScript计算值</title>
</head>
<body>
<p>假设y=5,计算x=y+2,并显示结果.</p>
<button type="button" onclick="myFunction()">点击这里</button>
<p id="pid"></p>
<script>
function myFunction()
{
var y=5;
var x=y+2;
var demoP=document.getElementById("pid");
demoP.innerHTML="x="+x;
}
</script>
</body>
</html>
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。