TESTING. ONLY CLASS II WORKS
Orthodontic Treatment Planning
Hi, my name is Dr. Daniel OrthoBot. I am here to help you create a customized treatment plan for your orthodontic patient. Let’s diagnose the buccal occlusion and incisor positions so that I can recommend a treatment plan! Is the patient Class II or Class III?
Dr. Daniel OrthoBot
YOUR BRAND
YOUR BRAND
Dr. Daniel OrthoBot
Dr. Daniel OrthoBot
Dr. Daniel OrthoBot
Dr. Daniel OrthoBot
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dr. Daniel OrthoBot</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
color: #4b0082; /* Dark purple */
}
#question-container {
margin: 20px;
padding: 20px;
border: 2px solid #800080; /* Purple border */
border-radius: 8px;
background-color: #e6e6fa; /* Lavender background */
}
#answers button {
display: block;
margin: 10px 0;
padding: 10px;
background-color: #800080; /* Purple button */
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
#answers button:hover {
background-color: #4b0082; /* Dark purple button */
}
#back-button {
display: none;
margin: 10px 0;
padding: 10px;
background-color: #4b0082; /* Dark purple button */
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
}
</style>
</head>
<body>
<h1>Dr. Daniel OrthoBot</h1>
<div id="question-container">
<p id="question"></p>
<div id="answers"></div>
<button id="back-button">Back</button>
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
const questionElement = document.getElementById("question");
const answersContainer = document.getElementById("answers");
const backButton = document.getElementById("back-button");
const decisionTree = {
question: "Is the patient Class II or Class III?",
answers: {
"Class II": {
question: "The buccal occlusion is Class II by how many millimetres?",
answers: {
"1-2 mm": {
question: "Imagine the upper arch levelled and aligned non-extraction; would the upper incisors (U1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": {
question: "Imagine the lower arch levelled and aligned non-extraction; would the lower incisors (L1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": "Dr. Daniel OrthoBot recommends treating the case with maxillo-mandibular advancement",
"In an ideal position": "Invalid, you have described a Class III malocclusion",
"Too far forward": "Invalid, you have described a Class III malocclusion"
}
},
"In an ideal position": {
question: "Imagine the lower arch levelled and aligned non-extraction; would the lower incisors (L1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": "Dr. Daniel OrthoBot recommends treating the case with auxiliaries / non-extraction",
"In an ideal position": "Invalid, you have described a Class I malocclusion",
"Too far forward": "Invalid, you have described a Class III malocclusion"
}
},
"Too far forward": {
question: "Imagine the lower arch levelled and aligned non-extraction; would the lower incisors (L1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": "Dr. Daniel OrthoBot recommends treating the case with auxiliaries / non-extraction",
"In an ideal position": "Dr. Daniel OrthoBot recommends treating the case with upper 7 / upper 8 extraction + distalization with light Class II elastics",
"Too far forward": "Dr. Daniel OrthoBot recommends treating the case with upper 4 + lower 5 extraction + Class II elastics"
}
}
}
},
"3-4 mm": {
question: "Imagine the upper arch levelled and aligned non-extraction; would the upper incisors (U1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": {
question: "Imagine the lower arch levelled and aligned non-extraction; would the lower incisors (L1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": "Dr. Daniel OrthoBot recommends treating the case with maxillo-mandibular advancement",
"In an ideal position": "Invalid, you have described a Class III malocclusion",
"Too far forward": "Invalid, you have described a Class III malocclusion"
}
},
"In an ideal position": {
question: "Imagine the lower arch levelled and aligned non-extraction; would the lower incisors (L1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": "Dr. Daniel OrthoBot recommends treating the case with auxiliaries / non-extraction OR mandibular advancement",
"In an ideal position": "Invalid, you have described a Class I malocclusion",
"Too far forward": "Invalid, you have described a Class III malocclusion"
}
},
"Too far forward": {
question: "Imagine the lower arch levelled and aligned non-extraction; would the lower incisors (L1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": "Dr. Daniel OrthoBot recommends treating the case with auxiliaries / non-extraction +/- upper 7/upper 8 extraction",
"In an ideal position": "Dr. Daniel OrthoBot recommends treating the case with upper 4 extraction OR upper 5 extraction + anchorage",
"Too far forward": "Dr. Daniel OrthoBot recommends treating the case with upper 4 + lower 5 extraction + class II elastics"
}
}
}
},
"5-6 mm": {
question: "Imagine the upper arch levelled and aligned non-extraction; would the upper incisors (U1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": {
question: "Imagine the lower arch levelled and aligned non-extraction; would the lower incisors (L1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": "Dr. Daniel OrthoBot recommends treating the case with maxillo-mandibular advancement",
"In an ideal position": "Invalid, you have described a Class III malocclusion",
"Too far forward": "Invalid, you have described a Class III malocclusion"
}
},
"In an ideal position": {
question: "Imagine the lower arch levelled and aligned non-extraction; would the lower incisors (L1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": "Dr. Daniel OrthoBot recommends treating the case with mandibular advancement",
"In an ideal position": "Invalid, you have described a Class I malocclusion",
"Too far forward": "Invalid, you have described a Class III malocclusion"
}
},
"Too far forward": {
question: "Imagine the lower arch levelled and aligned non-extraction; would the lower incisors (L1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": "Dr. Daniel OrthoBot recommends treating the case with fixed functional appliance +/- upper 7 / upper 8 extraction",
"In an ideal position": "Dr. Daniel OrthoBot recommends treating the case with upper 4 extraction + a Nance or TAD for anchorage",
"Too far forward": "Dr. Daniel OrthoBot recommends treating the case with upper 4 extraction + a Nance or TAD for anchorage + lower IPR or a lower incisor extraction"
}
}
}
},
"7 or more mm": {
question: "Imagine the upper arch levelled and aligned non-extraction; would the upper incisors (U1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": {
question: "Imagine the lower arch levelled and aligned non-extraction; would the lower incisors (L1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": "Dr. Daniel OrthoBot recommends treating the case with maxillo-mandibular advancement",
"In an ideal position": "Invalid, you have described a Class III malocclusion",
"Too far forward": "Invalid, you have described a Class III malocclusion"
}
},
"In an ideal position": {
question: "Imagine the lower arch levelled and aligned non-extraction; would the lower incisors (L1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": "Dr. Daniel OrthoBot recommends treating the case with mandibular advancement",
"In an ideal position": "Invalid, you have described a Class I malocclusion",
"Too far forward": "Invalid, you have described a Class III malocclusion"
}
},
"Too far forward": {
question: "Imagine the lower arch levelled and aligned non-extraction; would the lower incisors (L1s) be too far forward, too far back, or in an ideal position?",
answers: {
"Too far back": "Dr. Daniel OrthoBot recommends treating the case with fixed functional appliance +/- upper 7 / upper 8 extraction",
"In an ideal position": "Dr. Daniel OrthoBot recommends treating the case with upper 2 / upper 3 / upper 4 extraction + a Nance or TAD for anchorage",
"Too far forward": "Dr. Daniel OrthoBot recommends treating the case with upper 2 / upper 3 / upper 4 extraction + a Nance or TAD for anchorage as well as lower IPR or a lower incisor extraction"
}
}
}
}
}
},
"Class III": "This is a Class III malocclusion; this path does not exist in the flowchart"
}
};
const history = [];
function loadQuestion(node) {
questionElement.innerText = node.question;
answersContainer.innerHTML = "";
for (const [key, value] of Object.entries(node.answers)) {
const button = document.createElement("button");
button.innerText = key;
button.onclick = () => {
history.push(node);
if (typeof value === "string") {
questionElement.innerText = value;
answersContainer.innerHTML = "";
} else {
loadQuestion(value);
}
backButton.style.display = "block";
};
answersContainer.appendChild(button);
}
}
backButton.onclick = () => {
if (history.length > 0) {
const previousNode = history.pop();
loadQuestion(previousNode);
if (history.length === 0) {
backButton.style.display = "none";
}
}
};
loadQuestion(decisionTree);
});
</script>
</body>
</html>
YOUR BRAND
YOUR BRAND
Dr. Daniel OrthoBot
Hey, my name is Dr. Daniel OrthoBot from Orthodontic Specialists Inc. What can I help you with today?
Take a minute to write an introduction that is short, sweet, and to the point.