​x
 
<!DOCTYPE html>
<html>
<head>
<title>JS tutorial</title>
<style type="text/css">
body {
    margin:30px 10px; padding:0px;
    background-color:#efe; color:#010;
}
input {
    font-family:Times;
}
p#res1, p#res2 {
    font-size:1.1em; font-weight:bold; color:#eee; font-family:Arial;
    background-color:#222;
}
</style>
</head>
​
<body>
    <p>Add a value and choose an option:</p>
    <form action="" method="post">
    <input type="text" value="Honda" id="val" onfocus="this.value=''" /><br />
    <input type="button" onclick="concatArray()" value="concat(?)" />
    <input type="button" onclick="sliceArray()" value="slice(2)" />
    <input type="button" onclick="spliceArray()" value="splice(2,1,?)" />
    </form>
    <p>Originally suggested cars:</p>
    <p id="res1"></p>
    <p>Newly suggested cars:</p>
    <p id="res2"></p>
</body>
​
<script type="text/javascript">
    var cars = ["Toyota", "Volvo", "Fiat", "Lada"];
    var new_cars = cars;