Quote machine quotation mark help

Code Feedback
1

Hello,

I figured out how to pull a quote from an API and add it to my page and now I want to surround the quote with quotation marks. The problem is that when I add the marks to the string they get displayed on separate lines from the quote, like this:

“
random saying from famous person
”

Does anyone know how to fix this?

Here is the line where I declare the quote string:
var quote = “’” + a[0].content + “’”;

2

The quote you’re getting from the API (the value of a[0].content) is wrapped in p tags, so when you’re trying to add the quotation marks they’re displayed in your H1 tag while the quote is nested within the p tags. One option would be to slice off the p tags from a[0].content before you add the quotation marks.

3

The quotes look like they’re coming in surrounded by <p> tags. You’ll probably do better by using CSS to insert :before and :after quotes and targeting that paragraph.

4

That was exactly the problem.
I just used the javascript String.replace() function to get rid of the tags and it looks good now.

Thank you both so much.

1 Like
5