Javascript Counting Customers

私のコードで結果が得られません。私が表示されるように自分の名前を得ることに助けが必要Javascript Counting Customers

Hello, ____! You are the __ customer.

をしても、どのように：私は、ゲストが自分の名前を入力することができ、彼らはボタンをクリックすると、下にDOMに表示されます入力ボックスを作成しようとしています顧客番号を取得してください。

HTML：

<!DOCTYPE html> 
<html> 
<head> 
    <title>X-th Customer</title> 
    <meta charset="utf-8"> 
</head> 
<body> 

<h1>Please sign in to the guest book</h1> 

<input type="text"> 

<button onclick="myFunction()">Click Me</button> 

<p class="guestName"></p> 



<script src="main.js"></script> 
</body> 
</html>

JS：

var guestName = guestName; 
var guestNum = num; 

    function myFunction() { 
    document.getElementByClass("guestName").innerHTML = "Hello, " + guestName + "! You are the " + guestNum + "!"; 
}

出典

2016-10-23 Charlie_Nex

お客様の数は、サーバーで計算して維持する必要があります。 – Pointy

入力の値を読み取る必要があります。それにIDを渡して、[getElementById]（https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById）を使って要素を取得し、値を読み取ることができます。 –