javascript에서 . (dot)를 숫자와 연결하는 방법

javascript에서 . (dot)를 숫자와 연결하는 방법

hi i는 html을 사용하여 시각적인 계산을 만들었습니다. 그리고 그것의 모양은 다음과 같습니다.

| 1  | 2  | 3 | 
| 4  | 5  | 6 | 
| 7  | 8  | 9 | 
|    | .  |   |

라고 하는 기능을 만들었습니다.number()각 html 요소를 클릭하면 바로 이것입니다.

number(number)
{
    this.total_quantity_discount_price = this.total_quantity_discount_price+''+number;
    this.total_quantity_discount_price = parseFloat(this.total_quantity_discount_price);
},

숫자와 함께0123456789모든 것이 잘 작동하고 있지만 내 문제는.추가 방법.로.this.total_quantity_discount_price내 말은 어떻게 10.555나 55.648 등을 더해야 하냐는 거야.고마워..

사용하다Number컨스트럭터 같은

this.total_quantity_discount_price = Number(this.total_quantity_discount_price+''+number);

let n=Number(4+'.'+5)
// the n is a number which you could add it to another
console.log(n)
console.log(n+1)
console.log(n-3)

를 사용할 수 있습니다.+연산자는 다음과 같습니다.

const n = '4' + '.' + '3' + '4';

console.log(+n);
console.log(+n + 1);
console.log(+n - 1);

다음과 같은 기능이 됩니다.

function number(number){
  this.total_quantity_discount_price = +(this.total_quantity_discount_price + '' + number);
}

모든 것을 조합하여 해석할 수 있습니다.new Function()

let result = "";
let calc = document.getElementById("calculation");
let output = document.getElementById("result");
document.querySelectorAll("button").forEach(el => {
   el.addEventListener("click", ()=> {
      result += el.innerHTML;
      output.innerHTML = result;
   })
})


function render() {
   let calcResult = interprete(result);
   output.innerHTML = calcResult;
}

function getResult() {
   output.innerHTML = interprete(result);
}

function clearResult() {
   output.innerHTML = "";
   result = "";
}
function back () {
   result = result.slice(0, -1);
   output.innerHTML = result;
}
function interprete(str) {
   return new Function(`return ${str}`)()
}

.buttonholder {
   display: flex;
   flex-flow: wrap;
   width: 170px;
}

button {
   display: block;
   margin: 2px;
   padding: 15px;
}

.box {
   cursor: pointer;
   background: black;
   color: white;
   padding: 10px;
   margin: 10px;
}

#result {
   background: green;
   color: white;
   padding: 10px;
}

<div class="buttonholder">
<button>1</button>
<button>2</button>
<button>3</button>
<button>4</button>
<button>5</button>
<button>6</button>
<button>7</button>
<button>8</button>
<button>9</button>
<button>.</button>
<button>+</button>
<button>-</button>
<button>*</button>
<button>/</button>
</div>
<div class="box" onclick="back()"> <== </div>
<p id="result"></p>
<div class="box" onclick="getResult()">=</div>
<p id="calculation"></p>
<div class="box" onclick="clearResult()">Clear</div>

언급URL : https://stackoverflow.com/questions/63394298/how-to-concatenate-dot-with-number-in-javascript