Как сделать кнопку кликабельной html?

Question

[AppAlex]

Приветствую. Подскажите, пожалуйста как к кнопке на сайте привязать ссылку? Т.е. что бы при нажатии на кнопку был переход на другой сайт.
У меня такой код. кнопка.

</div>
						<div class="start-test">
							<div class="start-test-button ripplelink" data-href="#mypres">
								 <img class="get" src="images/ico-money.png" alt="">
							Перейти </div>
						</div>

Comments

[Rustam Bainazarov]

Сделать её ссылкой, а не кнопкой. Стилизовать под кнопку.

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

[AppAlex]

Рустам Байназаров, этот код MDN надо вставить? Подскажите, пожалуйста как правильно его вставит в мой код.

[Andrey Suha]

AppAlex, а где Ваш код то?

[AppAlex]

Andrey Suha,

[Andrey Suha]

AppAlex, ?

[AppAlex]

Andrey Suha,

[Rustam Bainazarov]

AppAlex, я без понятия, о чём вы, но вот вам пример:

[AppAlex]

Рустам Байназаров, Рустам, спасибо что подсказали. Мой сайт bbqplace.ru
Код кнопки

[AppAlex]

Рустам Байназаров,

</div>
						<div class="start-test">
							<div class="start-test-button ripplelink" data-href="#mypres">
								<img class="get" src="images/ico-money.png" alt="">
							<a href="https://www.google.com/" class="link-btn"> Собрать барбекю</a>
						</div>
					</div>

ранее Вы мне присылали код я его вставил. Но картинка на главной ушла вниз. И при клике на кнопку перехода нет. Помогите пожалуйста.
сайт bbqplace.ru

Answer 1

[Дмитрий]

1. Если можно использовать любые элементы, то используйте тот, который для этого предназначен, а именно тег a, стилизованный под кнопку.
2. Если задача требует использовать исключительно button, то используйте JS:

<button onclick="location.href='/your_path/'">Кнопка</button>