Как создать ссылку с идентификатором в JS

Question

Я хочу создать ссылку, например:

google.com / # payBtn

Элемент #payBtn - это мой номер, который должен отображаться google.com/56000 Например:

$("#payBtn").click(function() {      
    $("#count").html($("#member").val());   var price =
    $("#member").val();   price = price * 7;   $("#payBtn").html(price);  
});

Это эхо, мой номер, но я хочу повторить ссылку!

Как я могу это сделать? `

Answer 1

Вы можете использовать знак конкатенации + с числом, например:

$("#payBtn").click(function() {
  location.href = 'http://payping.ir/' + $("#member").val();
});

.GetBtn {
  border: none;
  background-color: #6dc55d;
  border-bottom: 4px solid #4CAF50;
  padding: 7px;
  font-size: 17px;
  border-radius: 2px;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: white;
}

.GetBtn:hover {
  background-color: #43A047;
  border-bottom: 4px solid #388E3C;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="member" value="50">
<button class="getBtn" id="payBtn">Pay And Give</button>