Dethlike,
Пожалуйста, отформатируйте свой код!
Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[html run]
... минимальный код страницы с вашей проблемой
[/html]
О том, как вставить в сообщение
исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте
http://javascript.ru/formatting.
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div id="prompt-form-container">
<form id="prompt-form" onsubmit="return changeColor()">
<div id="prompt-message">Введите, пожалуйста...
<br>Цвет круга..</div>
<input name="text" type="text" placeholder="Example: red, blue, black" id="name" value="">
<input type="submit" value="Change" >
</form>
</div>
<div id="circle"></div>
<style>
#circle {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: aqua;
margin: 0 auto;
transition: all 2s;
}
</style>
<script>
var circle = document.getElementById("circle");
function changeColor() {
var color = document.getElementById("name").value;
circle.style.backgroundColor = color;
return false
}
</script>
</body>
</html>