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

[Джони]

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

[laimas]

нужно задизайнить ее под кнопку, но только исключительно при помощи js

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

[Джони]

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

[laimas]

Странно

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

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

[Джони]

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

[laimas]

<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.

[laimas]

нужно чтобы ссылка выглядела как кнопка, при помощи 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>

[Джони]

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

[Malleys]

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>