29 lines
1.4 KiB
HTML
29 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>DevTools Console</title>
|
|
<style>
|
|
body { margin: 0; padding: 0; font-family: ui-monospace, "SF Mono", Menlo, monospace; background: #fff; }
|
|
.console { padding: 14px 16px; font-size: 0.95rem; }
|
|
.row { display: flex; gap: 8px; padding: 5px 0; border-bottom: 1px solid #f3f4f6; }
|
|
.prompt { color: #9ca3af; user-select: none; }
|
|
.input { color: #1a1a2e; flex: 1; }
|
|
.output { color: #6b7280; font-style: italic; flex: 1; }
|
|
.num { color: #1e40af; }
|
|
.str { color: #15803d; }
|
|
.key { color: #7c2d12; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="console">
|
|
<div class="row"><span class="prompt">></span><span class="input">let alter = <span class="num">25</span>;</span></div>
|
|
<div class="row"><span class="prompt">></span><span class="input">const name = <span class="str">"Max"</span>;</span></div>
|
|
<div class="row"><span class="prompt">></span><span class="input">console.log(name, alter);</span></div>
|
|
<div class="row"><span class="prompt">←</span><span class="output"><span class="str">"Max"</span> <span class="num">25</span></span></div>
|
|
<div class="row"><span class="prompt">></span><span class="input">typeof alter;</span></div>
|
|
<div class="row"><span class="prompt">←</span><span class="output"><span class="str">"number"</span></span></div>
|
|
</div>
|
|
</body>
|
|
</html>
|