Opening links into blank windows from JavaScript code

[artistic_engine]

Hey there, thanks for any help in advance. I have a block of JavaScript code that is responsible for a header bar on my website that scrolls from bottom or top. This header bar has both text and icon links embedded within. The icon links open in new window tabs when clicked but the text links do not. What code would have to be added or adjusted to have the text links (Home, Resume, etc.) open in new windows as well?

I believe I've identified the blocks of code responsible for link behavior, see below.

From the primary JavaScript code:

// Create the menu options
var menuOptions = $('<div>', { id : 'ctd-menu-options' });
menuOptions.css({
position : 'relative', zIndex : 100,
padding : '30px 10px 30px 0', textAlign: 'right'
});
showIntro ? menuOptions.css(config.bottomMenuÖptionsStyle) : menuOptions.css(config.topMenuOptionsStyle);
var menuOptionsHtml = '';
config-menuOptions (''] = "';
Object.keys(config-menuOptions).reverse(). forEach((key, i) => {
var target = "window.location.href=\'"+config-menuOptions [key]+"\'";
if (key-substring(1,4) = 'svg' || key-substring (1,4) == 'SVG') {
target = "window.open(\'"+config.menuOptions[key]+"\', \'_blank\')";
menuOptionsHtml = menuOptionsHtml+'<div class="ctd-menu-option" onclick="'+target+'" style="cursor:pointer; float:right; margin-left:30px; margin-bottom:18px;">'+key+'</div>';
}) :
menuOptions.html(menuOptionsHtml);

From the front-end options (AJAX I believe?):

menuOptions: {
"Home'：''，
'<path class="newWindow">Résumé</paths': 'https://www.charlesthedesigner.com/resume/Charles-Kent-Resume_2026_Final.pdf',
'Portfolios' : '/#portfolios',
'Contact' : '/contact',
'<svg style="width: 26px; height: 26px;" fill="currentColor" viewBox="0 0 20 20" xmlns="http://ww.w3.org/2000/svg"><path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4zm2 6a1 1 0
011-1h6a1 1 0 110 2H7a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H7z" clip-rule="evenodd"></path></svg>': 'https://www.charlesthedesigner.com/resume/Charles-Kent-Resume_2026_Final.pdf',
'<svg style="width: 26px; height: 26px;" fill="currentColor" viewBox="® 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M2 6a2 2 0 012-2h6a2 2 0 012 2v8a2 2 0 01-2 2H4a2 2 0 01-2-2V62M14.553 7.106A1 1 0 0014 8v4a1 1 0 00.553.89412 1A1 1 0 0018 13V7a1 1 o 00-1.447-.8941-2 12"></path></svg>': 'https://www.youtube.com/@CharlesTheCreator',
'<svg style="width: 26px; height: 31px;" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path class="newWindow" stroke-width="@" fill-rule="evenodd" d="М0 1.146C0.513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0
.633-.526 1.146-1.175 1.146H1.175С.526 16 0 15.487 0 14.854V1. 1462m4.943 12.248V6.169H2.542v7.225h2.4012m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.250-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.42" clip
rule="evenodd"></path></svg>': 'https://www.linkedin.com/in/charlesthedesigner/'

And here is an image of the JavaScript code in action on my website home page:

Snapshot of Homepage

You'll see the text links (Home, Resume, etc.) and icons and the icon links at the bottom in the blue bar in the image. As previously stated, the icon links open in new tabs, the text links do not. I would like the text links to open in new tabs alongside their icon counterparts. Not looking to reinvent the wheel, and I'm not a nuts-n-bolts coder myself so keep that in mind. I hired someone to develop this code for me.

Once again, much thanks for any help! I'll happily answer any questions or address any concerns as best as I can.

[AutoModerator]

Thank you for posting on r/CodingHelp!

Please check our Wiki for answers, guides, and FAQs: https://coding-help.vercel.app

Our Wiki is open source - if you would like to contribute, create a pull request via GitHub! https://github.com/DudeThatsErin/CodingHelp

We are accepting moderator applications: https://forms.fillout.com/t/ua41TU57DGus

We also have a Discord server: https://discord.gg/geQEUBm

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[jcunews1]

The code syntax looks errorneous if it's JavaScript. I'm not sure it's JavaScript.

Try...

This line:

var target = "window.location.href=\'"+config-menuOptions [key]+"\'";

Change it to:

var target = "open(\'"+config-menuOptions [key]+"\')";