Other Products ｜Code Mat

Code Mat
Code Mat

City and Golf

Space and Soccer

This two-sided mat offers a simple, accessible way to learn block-based coding, basic math principles, and collaborative problem-solving with any round Sphero robot. The Code Mat comes with three sets of 10 double-sided coding cards that provide guided, hands-on coding lessons.

Choose Sphero City and Golf Code Mat to tee up your Sphero robot and take a swing while exploring concepts like distance, speed, math fundamentals, and basic coding or program your robot to navigate around Sphero City using draw, blocks, or text programming.

You can also use the Code Mat as your competition field for BOLT/BOLT+ in the Sphero Global Challenge!

Two-sided, 86in x 45in Sphero Code Mat
3x Sets of Activity Cards per Code Mat

This two-sided mat offers a simple, accessible way to learn block-based coding, basic math principles, and collaborative problem-solving with any round Sphero robot. The Code Mat comes with three sets of 10 double-sided coding cards that provide guided, hands-on coding lessons.

Choose Sphero Space and Soccer Code Mat and blast off into orbit to explore the solar system with Sphero Outer Space while gaining the foundations for computational thinking or dribble down the field in hopes of programming a goal for your team with Sphero Soccer Pitch.

You can also use the Code Mat as your competition field for BOLT/BOLT+ in the Sphero Global Challenge!

Two-sided, 86in x 45in Sphero Code Mat
3x Sets of Activity Cards per Code Mat

// Shared SKU Map
var skuMap = {
'970-0530': {
title: 'vtitle01',
subtitle: 'vsub01',
description: 'vdescr01'
},
'970-0517': {
title: 'vtitle02',
subtitle: 'vsub02',
description: 'vdescr02'
},
// Add more mappings as needed
};

// Update title based on SKU
var skuTitleElement = document.querySelector('.product-meta__sku-number');
var titleElement = document.querySelector('.product-meta__title');

function updateTitleBasedOnSKU(skuMap) {
var skuNumberTitle = skuTitleElement.textContent.trim();

if (skuMap.hasOwnProperty(skuNumberTitle)) {
var divId = skuMap[skuNumberTitle].title;
var divContent = document.getElementById(divId);

if (divContent) {
titleElement.textContent = divContent.textContent.trim();
var inlineStyles = divContent.getAttribute('style');
titleElement.setAttribute('style', inlineStyles);
divContent.style.display = 'block';
}
}
}

updateTitleBasedOnSKU(skuMap);

// Update subtitle based on SKU
var skuSubtitleElement = document.querySelector('.product-meta__sku-number');
var skuElement = document.querySelector('.product-meta__sku');

function updateSubtitleBasedOnSKU(skuMap) {
var skuNumberSubtitle = skuSubtitleElement.textContent.trim();

if (skuMap.hasOwnProperty(skuNumberSubtitle)) {
var divId = skuMap[skuNumberSubtitle].subtitle;
var subtitleDiv = document.getElementById(divId);

if (subtitleDiv) {
var existingSubElement = document.querySelector('.product-meta__sub');
var newDivElement = document.createElement('div');
newDivElement.className = 'product-meta__sub';
newDivElement.innerHTML = subtitleDiv.innerHTML;
newDivElement.style.display = 'block';

if (existingSubElement) {
existingSubElement.replaceWith(newDivElement);
} else {
skuElement.insertAdjacentElement('beforebegin', newDivElement);
}
}
}
}

updateSubtitleBasedOnSKU(skuMap);

// Update description based on SKU
var skuDescriptionElement = document.querySelector('.product-meta__sku-number');
var descriptionContentElement = document.querySelector('.product-meta__description-content');

function updateDescriptionBasedOnSKU(skuMap) {
var skuNumberDescription = skuDescriptionElement.textContent.trim();

if (skuMap.hasOwnProperty(skuNumberDescription)) {
var divId = skuMap[skuNumberDescription].description;
var descriptionDiv = document.getElementById(divId);

if (descriptionDiv && descriptionContentElement) {
var existingDescriptionElement = document.querySelector('.product-meta__description-content .btdescr');
var newDescriptionElement = document.createElement('div');
newDescriptionElement.className = 'btdescr';
newDescriptionElement.innerHTML = descriptionDiv.innerHTML;
newDescriptionElement.style.display = 'block';

if (existingDescriptionElement) {
existingDescriptionElement.replaceWith(newDescriptionElement);
} else {
descriptionContentElement.appendChild(newDescriptionElement);
}
}
}
}

updateDescriptionBasedOnSKU(skuMap);
Brand:SpheroCategory:AccessorySKU:970-0530Tags:Category_Accessories, Grade_Elementary, Grade_Middle School, Product_BOLT+, Product_MiniStyle:City & Golf Code Mat & Activity Cards, Space & Soccer Code Mat & Activity Cards