Помогите новичку!!
 

Суть такая, у меня задание, на сайте есть ссылка на скачивание, нужно задизайнить ее под кнопку, но только исключительно при помощи js, help plizzz

Увы, JS дизайном не занимается, это стезя CSS.

Странно, задача есть а решения нет?))

Ничего странного, если буквально, то JS может нарисовать кнопку используя канву, но это расточительно да и просто глупо. А на CSS "нарисовать" ссылку кнопкой, это пустяк. Можно, конечно, напрячь JS чтобы он нашел ссылки на странице и присвоил им имя css класса, который превращает их в кнопки. Но какой в этом смысл если это проще указать в css.

Либо вы задачу не поняли, либо трактуете ее не так, либо это просто глупость, а не задание.

В том то и суть, что нужно найти и напрячь js, в css не проблема создать, поэтому и написал(

<style>
a {
    font: 14px arial;
    color: #fff;
    display: inline-block;
    padding: 3px 20px;
    text-align: center;
    background-color: #888;
    border: 1px solid #666;
    border-radius: 4px;
    text-decoration: none;
}
</style>

<a href="#">GO 1</a>
<a href="#">GO 2</a>
<a href="#">GO 2</a>

и без всякого JS, все ссылки на странице будут кнопками. Можно сделать такими не все, а конкретные, и JS тоже не нужен.

А если нужна какая-то запарка с JS, то что именно? Конкретно что, по каким конкретным условиям? Или вам кучу примеров писать на все случаи жизни?

Дружище смотри, делаем расширение на скачку файлов, на темперманкей, слепили ссылку при нажатии на которую нужный файл скачивается, теперь задание такое: нужно чтобы ссылка выглядела как кнопка, при помощи js.

Этого сделать нельзя, ибо на js вместо css нужно прописывать все те же правила css:

<a href="#">GO 1</a>
<a href="#">GO 2</a>
<a href="#">GO 2</a>

<script>
document.querySelectorAll('a').forEach((e) => {
   e.style.cssText = `font: 14px arial;
    color: #fff;
    display: inline-block;
    padding: 3px 20px;
    text-align: center;
    background-color: #888;
    border: 1px solid #666;
    border-radius: 4px;
    text-decoration: none;`  
});
</script>

Вот это мне и нужно было наверно, спасибо большое))

laimas, так можно создать стиль, чтобы каждый элемент по порядку не обрабатывать!

<a href="#">GO 1</a>
<a href="#">GO 2</a>
<a href="#">GO 2</a>

<script>
var styleSheet = document.createElement("style");
styleSheet.textContent = `

a {
	color: #fff;
	display: inline-block;
	padding: 3px 20px;
	text-align: center;
	background-color: #888;
	border: 1px solid #666;
	border-radius: 4px;
	text-decoration: none;
}

`;
	
document.head.appendChild(styleSheet);

</script>