javascript - 使用javascript动态更改文本时保留CSS

Question

我一直试图用一个按钮随机化一个数字，但每次我点击按钮时，数字随机化，但文本失去了它的 CSS 样式。

CSS

.numberStyle {
  padding: 10px 10px 10px 10px;
  color: blue;
}

.numberStyle span {
  font-size: 100px;
}

HTML

<class id="number1" class="numberStyle"><span>1</span></class>
<input type="button" value="MATCH!" style="font-size:50px;"></input>

Javascript

function randomize() {
  no1 = Math.ceil(Math.random() * 3);
}

function print() {
  $("#number1").text(no1);
}

$().ready(function() {

  $(":input").click(function() {
    randomize()
    print()
    alert("Change")
  })

})

我的 JSFiddle 链接:https://jsfiddle.net/he4rtbr0ken/9jfud4nz/2/

Answer 1

您想更改范围内的文本而不是#number1

function print() {
    $("span").text(no1);
}