JS入力スピナーが存在しますか？いいえJQUERY

Question

私は、下の画像（左の&の右のコントロールキー）のようにjsスピナーを探しています。 しかし、私は自分のプロジェクトでjqueryを使いたくありません。スニペットがある場合は、便利なリンクを貼り付けてください。 :)単純な短いコードが好まれます.. :) 多分それは別の名前（スピナーではありませんが？）？

Answer 1

function addSpinner(parent){ 
var very = document.createElement("div"); // create a div 
var minus = document.createElement("button"); // create minus button 
var plus = document.createElement("button"); // create plus button 
minus.innerHTML = "-"; // draw minus sign 
plus.innerHTML = "+"; // draw plus sign 
var input = document.createElement("input"); // create an input 
input.type = "number"; // type number 
input.value = "0"; // and default is 0 
very.appendChild(minus); // append the minus sign to the div 
very.appendChild(input); // append the input to the div 
very.appendChild(plus); // append the plus sign to the div 
minus.addEventListener("click", function() {input.value = +input.value - 1}); 
plus.addEventListener("click", function() {input.value = +input.value + 1}); 
// + before input.value is to change type from string to number so we can increase/decrease number by 1 
parent.appendChild(very); 
} 

今、あなたはそれを呼び出す：addSpinner(document.body)