fix(curriculum): updated instruction and hints to eliminate ambiguity (freeCodeCamp#56532)

Author: mahmad321git

curriculum/challenges/english/15-javascript-algorithms-and-data-structures-22/learn-basic-oop-by-building-a-shopping-cart/63ee5d8f9e7168076e932fe2.md

@@ -7,7 +7,7 @@ dashedName: step-12
 
 # --description--
 
-After your `h2` element, create two `p` elements. Give the first a `class` of `dessert-price`, and the text of the `price` variable with a dollar sign in front of it. Give the second a `class` of `product-category`, and the text `"Category: "` followed by the value of the `category` variable.
+After your `h2` element, create two `p` elements. Give the first a `class` of `dessert-price`, and set the text to a dollar sign `"$"` followed by the value of the `price` variable. Give the second a `class` of `product-category`, and the text `"Category: "` followed by the value of the `category` variable.
 
 # --hints--
 
@@ -32,7 +32,7 @@ Your first `p` element should have a `class` of `dessert-price`.
 assert.equal(document.querySelector('.dessert-card')?.children[1].className, 'dessert-price');
 ```
 
-Your first `p` element should have the text of the `price` variable with a dollar sign in front of it.
+Your first `p` element should have the dollar sign `"$"` followed by the value of the `price` variable.
 
 ```js
 assert.equal(document.querySelector('.dessert-card')?.children[1].textContent, '$12.99');