Input field dynamic text with D3

Aim

Pull in dynamic data into a d3 visualisation via input box

Info and sources

Adapted from d3.js with Dynamic Data tutorial

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Input text with D3</title> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/d3/3.4.2/d3.js"></script>

<ul></ul>
 
        <script>
 
            var dataset = [];
 
 
            function handleClick(event){
                console.log(document.getElementById("myVal").value)
                draw(document.getElementById("myVal").value)
                return false;
            }
 
            function draw(val){
                d3.select("body").select("ul").append("li");
                dataset.push(val);
                var p = d3.select("body").selectAll("li")
                .data(dataset)
                .text(function(d,i){return i + ": " + d;})
            }
 
        </script>

</body>
</html>

https://cdnjs.cloudflare.com/ajax/libs/d3/3.4.2/d3.js