调试练习题

[](新手向：前端程序员必学基本技能——调试JS代码 - 掘金 (juejin.cn))

学习完这篇文章之后，我写了一个demo，通过这个demo定位为什么11+22=1122

<template>
  <div class="about">
    <label for="num1">Number 1:</label>
    <input type="number" id="num1">
    <label for="num2">Number 2:</label>
    <input type="number" id="num2">
    <button @click="calculateProduct">Calculate Product</button>
    <p id="result"></p>
  </div>
</template>
<script>
export default{
  methods: {
    calculateProduct() {
        const num1 = document.getElementById('num1').value;
        const num2 = document.getElementById('num2').value;
        const product = num1 + num2;


        document.getElementById('result').textContent = `Product: ${product}`;
    }
  }
}

</script>