Cacher is the code snippet organizer for pro developers

* {
    box-sizing: border-box;
}

body {
    background: #93bcff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.form {
    background: white;
    border-radius: 10px;
    margin: 20px auto;
    padding: 20px;
    width: 400px;
    .input-group {
        margin: 10px 0;
        label {
            display: inline-block;
            text-align: right;
            width: 25%;
        }
        input,
        select {
            border-radius: 5px;
            border: 1px solid #93bcff;
            margin-left: 5%;
            padding:5px;
            width: 70%;
        }
        select {
            width: 68%;
        }
    }
    .check-group {
        margin:10px 0;
        label {
            margin-left: 30%;
        }
    }
    .control-group{
        padding-left:30%;
    }
}

const numbers  = [1,2,3,4,5];

const squared = numbers.map((x) => x*x);
console.log(squared);

const names = [{id:1, name:'Daniel'}, {id:2, name:'Josh'}, {id:3, name:'Amanda'}];

var searchName = ((name) =>{
    return names.filter((u)=> u.name === name ); 
});

console.log(searchName('Daniel'));
console.log(searchName('Josh'));
console.log(searchName('J'));

names.forEach((x)=>{
    console.log(x.name);
});

<div class="form">
    <div class="input-group">
        <label for="Name">Name</label><input id="Name" type="text" />
    </div>
    <div class="input-group">
        <label for="Age">Age</label><input id="Age" type="number" />
    </div>
    <div class="input-group">
        <label for="Email">Email</label><input id="Email" type="email" />
    </div>
    <div class="input-group">
        <label for="City">City</label>
        <select name="" id="City">
            <option></option>
            <option>Rogers</option>
            <option>Fayetteville</option>
        </select>
    </div>
    
    <div class="check-group">
        <label ><input type="checkbox" class="" /> I agree to the terms</label>
    </div>
    <div class="control-group">
        <button>Submit</button>
    </div>
</div>