Как поместить символ в точку с заданными координатами.
 

Дико извиняюсь за наивный вопрос, просто никак не могу решить эту элементарную задачу.
Дело в том, что лет 20 назад, в школе ради допоонителтной пятерки за 20 минут написал на Бейсике игру "Змейка". Очень хочу сделать сейчас тоже самое на java script.
Массивы, циклы, функции, взаимодействие с клавиатурой... Всё есть. Всё как в Бейсике, с небольшими отличиями. А вот как мне вывести символ или картинку в точку с заданными координатами? А затем удалить его или затереть пробелами? То есть нужен аналог оператора
print "@" at x, y - в Бейсике.
Прочитал несколько курсов java script для чайников. Alert и document.write не подходят...
Прочитал половину полноценного курса. Дошел до ОПП... Понял, что иду не туда.

Хотел найти ответ в html. Но там только таблицы да бегающих в разные стороны надписи разных цветов и стилей.

Я понимаю, что слишком мало ещё знаю, но мне кажется что эта задача должна решаться как то очень просто. Без глубоких познаний в HTML5 и CSS3.
Направьте пожалуйста в нужную сторону.

DlinniyZmey, Canvas

DlinniyZmey,
Можно, конечно, и так...

<div style="position:absolute; width:10px">@</div>
<script>
   var d = document.querySelector('div');
   d.style.top = "200px";
   d.style.left = "300px";
</script>

Давно уже все написано http://patorjk.com/games/snake/ и вообще js snake

warren buffet,
Еще, оказывается, много чего написано в параллельном топике...