простая функция javascript удаляет макет

Question

У меня есть сайт JQuery, Javascript, HTML. Я сделал простую функцию для нанесения удара по тексту, если он не равен 0.

Функция работает, но все остальное на странице исчезло. Я вижу только зачеркнутый текст.

productPrice должен быть выбран, а salePrice не отмечен ... функция работает, но макет испорчен Помогите?

Текст отображается на моей странице следующим образом:

<label id="productPrice">Price</label>
        <label id="salePrice">Sale Price</label>

Вот код, я могу предоставить больше, если нужно.

функция

 if (product.price != 0);
{
    var salePrice = product.price;
    document.write(salePrice.strike());
}

массив

var catalog = {"products": [
{"thumbnail": '/pub/3/resources/ti/store/mobile/chrome.png',
    "brand": "Google",
    "name": "Chrome",
    "description": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    "rating": '5',
    "sale_price": "0.00$",
    "sale_desc": "",
    "price": "0.00$"},

Параметры

    $('#productPrice').html(product.price);

Answer 1

document.write() удаляет все со страницы, кроме того, что вы пишете. Вот как это работает. Вы можете попробовать это сейчас, введите javascript: document.write("Gone"); в адресную строку, и страница исчезнет таким же образом.

Также у вас есть точка с запятой после вашего оператора if, поэтому ваш код всегда будет выполняться.

if (product.price !== 0) {
    document.getElementById('productPrice').style.textDecoration = 'line-through';
}

или

if (product.price !== 0) {
    $('#productPrice').css('text-decoration', 'line-through');
}