Javascript - Program the Web
This course covers the basics of programming in Javascript. Work your way through the videos and we'll teach you everything you need to know to make your website more responsive!

Building A Messaging App

Lesson 15
Author : Mike Dane
Last Updated : October, 2017


<ul id="messages"></ul> <input id="textbox" type="text"> <button id="button">Send</button> <script src="script.js"></script>

var messages = document.getElementById("messages"); var textbox = document.getElementById("textbox"); var button = document.getElementById("button"); button.addEventListener("click", function(){ var newMessage = document.createElement("li"); newMessage.innerHTML = textbox.value; messages.appendChild(newMessage); textbox.value = ""; });