The following code adds a [placeholder] class name to the <body> element:
document.body.classList.add( "foo-bar" );
Question: How should the class name inserted at [placeholder] be formatted?
foo-bar"foo-bar"foo-bar”
#4. The context here is the actual class name, so it shouldn't be quoted. Because class names are meaningful values, they should be highlighted as code.
If you change the context slightly, then #5 is correct, e.g., We will pass "foo-bar" to classList.add().
I would write:
The following code adds the class name
"foo-bar"to the<body>element:
Or:
The following code adds the class whose name is
"foo-bar"to the<body>element:
7: class="foo-bar" that is exact and clear IMO
Thanks for the feedback everyone. At the end of the day I decided to go with #4 based on Scott's reasoning, but the fact that very smart people picked several different choices made me feel better about my confusion on this :)
Personally, I would do 5.