<div id="composimold-quiz" style="max-width:800px;margin:30px auto;padding:25px;border:1px solid #ddd;border-radius:10px;font-family:Arial,sans-serif;">
<h2>Find Your Perfect ComposiMold Product</h2>
<p>Answer a few questions and we'll recommend the best product and tutorials for your project.</p>
<div id="quiz">
<p><strong>1. What are you making?</strong></p>
<select id="project">
<option value="">Choose One</option>
<option>Resin Art</option>
<option>Picky Pads</option>
<option>Polymer Clay</option>
<option>Soap</option>
<option>Candles</option>
<option>Wax Melts</option>
<option>Chocolate</option>
<option>Gummies</option>
<option>Fishing Lures</option>
<option>Concrete</option>
<option>Plaster</option>
<option>Cosplay Props</option>
</select>
<p><strong>2. What matters most?</strong></p>
<select id="priority">
<option value="">Choose One</option>
<option>Maximum Flexibility</option>
<option>Food Safety</option>
<option>Fast Mold Making</option>
<option>Highest Detail</option>
<option>Reusability</option>
</select>
<p><strong>3. How complex is your original?</strong></p>
<select id="complexity">
<option value="">Choose One</option>
<option>Simple Shape</option>
<option>Moderate Detail</option>
<option>Deep Undercuts</option>
</select>
<p><strong>4. How many castings will you make?</strong></p>
<select id="quantity">
<option value="">Choose One</option>
<option>1-5</option>
<option>5-20</option>
<option>20+</option>
</select>
<p><strong>5. Experience Level?</strong></p>
<select id="experience">
<option value="">Choose One</option>
<option>Beginner</option>
<option>Intermediate</option>
<option>Advanced</option>
</select>
<br><br>
<button onclick="runQuiz()" style="padding:12px 25px;background:#2c7a4b;color:white;border:none;border-radius:5px;cursor:pointer;">
Show My Results
</button>
</div>
<div id="results" style="margin-top:30px;"></div>
</div>
<script>
function runQuiz(){
const project = document.getElementById("project").value;
const priority = document.getElementById("priority").value;
const complexity = document.getElementById("complexity").value;
const quantity = document.getElementById("quantity").value;
const experience = document.getElementById("experience").value;
if(!project || !priority || !complexity || !quantity || !experience){
alert("Please answer all questions.");
return;
}
let scores = {
flex: 0,
original: 0,
fc: 0,
putty: 0
};
// PROJECT
if(project === "Resin Art"){
scores.flex += 5;
scores.original += 5;
}
if(project === "Picky Pads"){
scores.flex += 6;
scores.original += 5;
}
if(project === "Polymer Clay"){
scores.putty += 8;
}
if(project === "Chocolate" || project === "Gummies"){
scores.fc += 10;
}
if(project === "Soap" || project === "Candles" || project === "Wax Melts"){
scores.original += 5;
scores.flex += 4;
}
if(project === "Fishing Lures"){
scores.flex += 5;
scores.original += 4;
}
if(project === "Concrete" || project === "Plaster"){
scores.original += 5;
scores.flex += 3;
}
if(project === "Cosplay Props"){
scores.flex += 5;
scores.original += 4;
}
// PRIORITY
if(priority === "Maximum Flexibility"){
scores.flex += 8;
}
if(priority === "Food Safety"){
scores.fc += 10;
}
if(priority === "Fast Mold Making"){
scores.putty += 10;
}
if(priority === "Highest Detail"){
scores.flex += 5;
scores.putty += 4;
}
if(priority === "Reusability"){
scores.flex += 4;
scores.original += 4;
scores.fc += 4;
scores.putty += 4;
}
// COMPLEXITY
if(complexity === "Deep Undercuts"){
scores.flex += 8;
}
if(complexity === "Moderate Detail"){
scores.flex += 4;
scores.original += 3;
}
// EXPERIENCE
if(experience === "Beginner"){
scores.flex += 2;
scores.original += 2;
scores.fc += 2;
scores.putty += 2;
}
// PRODUCTS
const products = [
{
name:"ComposiMold Flex",
score:scores.flex,
link:"/composimold-flex/",
desc:"Extra flexible reusable mold material ideal for detailed molds and undercuts."
},
{
name:"ComposiMold Original",
score:scores.original,
link:"/composimold-original/",
desc:"Great all-purpose reusable mold material for resin, wax, soap, plaster, and more."
},
{
name:"ComposiMold FC",
score:scores.fc,
link:"/composimold-fc-food-contact-safe/",
desc:"Food-contact-safe version for chocolate, fondant, gummies, and edible projects."
},
{
name:"ImPRESSive Putty",
score:scores.putty,
link:"/impressive-putty/",
desc:"Fast reusable molding putty for polymer clay, crafts, and quick molds."
}
];
products.sort((a,b)=>b.score-a.score);
let topScore = products[0].score;
// Tutorial Library
const tutorials = {
"Resin Art":[
["Making Resin Molds","/learn/resin-molds"],
["Casting Epoxy Resin","/learn/epoxy-casting"]
],
"Picky Pads":[
["How to Make Picky Pads","/learn/picky-pads"]
],
"Polymer Clay":[
["Polymer Clay Mold Making","/learn/polymer-clay"]
],
"Soap":[
["Soap Mold Making","/learn/soap-molds"]
],
"Candles":[
["Candle Mold Tutorial","/learn/candle-molds"]
],
"Wax Melts":[
["Wax Melt Mold Tutorial","/learn/wax-melts"]
],
"Chocolate":[
["Chocolate Mold Making","/learn/chocolate-molds"]
],
"Gummies":[
["Gummy Mold Tutorial","/learn/gummy-molds"]
],
"Fishing Lures":[
["Soft Plastic Fishing Lures","/learn/fishing-lures"]
],
"Concrete":[
["Concrete Casting Tutorial","/learn/concrete-casting"]
],
"Plaster":[
["Plaster Casting Tutorial","/learn/plaster-casting"]
],
"Cosplay Props":[
["Cosplay Mold Making","/learn/cosplay"]
]
};
let tutorialHtml = "";
if(tutorials[project]){
tutorialHtml += "<ul>";
tutorials[project].forEach(function(item){
tutorialHtml +=
"<li><a href='" + item[1] + "'>" + item[0] + "</a></li>";
});
tutorialHtml += "</ul>";
}
let html = `
<h2>Your Best Match</h2>
<div style="background:#f4f8f4;padding:20px;border-radius:8px;">
<h3>${products[0].name}</h3>
<p><strong>${Math.round((products[0].score/topScore)*100)}% Match</strong></p>
<p>${products[0].desc}</p>
<p><a href="${products[0].link}">View Product →</a></p>
</div>
<h3>Also Consider</h3>
<ul>
<li>${products[1].name}</li>
<li>${products[2].name}</li>
</ul>
<h3>Recommended Tutorials</h3>
${tutorialHtml}
<h3>Why We Recommended This</h3>
<ul>
<li>Based on your project type</li>
<li>Based on your desired flexibility</li>
<li>Based on mold complexity</li>
<li>Based on your experience level</li>
</ul>
`;
document.getElementById("results").innerHTML = html;
}
</script>
