<input style="text-transform: uppercase;">
<button onclick="city();">Добавить</button>
<script>
var inCity = document.body.children[0];
var arrCity = [];
function city(){
var yn = arrCity.indexOf(inCity.value);
if(yn >= 0){
alert('Такой город был' );
}else{
arrCity.push(inCity.value);
alert('Такого города еще небыло');
}
}
</script>border:dashed 2px red;
var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var img = new Image();
var height = 180;
var width = 180;
img.onload = function() {
context.save();
context.rect(0, 0, 200, 200);//Здесь первый 0=X
context.clip();
context.drawImage(img,0, 0,width,height);//Первый 0=X
context.restore();
};
img.src = 'http://vikup-msk.ru/wp-content/uploads/2015/10/1445787630_in_transit.png';