読者です 読者をやめる 読者になる 読者になる

ウェブ学のすすめ

Study of Web Design & Programing

文字列の表示|JS課題04

 課題

自分の氏名を出力パネルに表示しなさい。

Webデザインの勉強|忘筌

 解答

HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>文字列の表示</title>
<link rel="stylesheet" type="text/css" media="screen,print" href="style.css" />
</head>
<body>
<script type="text/javascript" src="index.js"></script>
</body>
</html>
CSS
.name {
    color: #f60;
    font-weight: bold;
}
JavaScript
var name = "vinton";

document.write("My name is <span class='name'>" + name + "</span>");

文字列の表示 - jsdo.it - share JavaScript, HTML5 and CSS