Javascript Example 2

Enter a word into the edit field and use the submit button. Once you submit, your word will be added to the page!

Type anything here

Waiting for your input

HTML Code:

<html>
<head>
<title> Javascript Example 2: Adding a word to your page </title>
<script src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body> 
<h1> Javascript Example 2 </h1>
<span> Enter a word into the edit field and use the submit button. Once you submit, your word will be added to the page! </span>
<br />
<br />
<label id="inputlabel" for="value"> Type anything here </label>   
<input id="input_text" type="text" name="words" aria-labelledby="inputlabel input_text" />
<button type="submit" name="submit" value="Submit" class="input-submit" onclick="addWord()"> Submit </button>
<p aria-live="assertive" id="input-word"> Waiting for your input </p>
</body>
</html>

Javascript Code:

function addWord(){
    var word = document.getElementById("input_text").value;
    document.getElementById("input-word").innerHTML = "You just wrote "+ word + " in the input!";
    console.log("I am working!");
}