format + url

Author: brown9804

tool/web-app/index.html

@@ -15,7 +15,7 @@ <h1>Azure Database Selector</h1>
         <section class="left-panel">
             <form id="advisor-form" aria-labelledby="form-title">
                 <h2 id="form-title">Select Your Database Preferences</h2>
-                <label for="preset-usecase">Preset Use Case:
+                <label for="preset-usecase">Preset Use Case
                     <span class="info-icon" tabindex="0" data-tooltip="Quickly fill the form for common scenarios.">ℹ️</span>
                 </label>
                 <select id="preset-usecase" name="preset-usecase">
@@ -25,7 +25,7 @@ <h2 id="form-title">Select Your Database Preferences</h2>
                     <option value="analytics">Analytics</option>
                 </select>
 
-                <label for="data-volume">Data Volume:
+                <label for="data-volume">Data Volume
                     <span class="info-icon" tabindex="0" data-tooltip="Choose the size of your data storage needs. For example, less than 10GB is suitable for small applications like blogs, while more than 1TB is ideal for enterprise systems.">ℹ️</span>
                 </label>
                 <select id="data-volume" name="data-volume" required>
@@ -34,7 +34,7 @@ <h2 id="form-title">Select Your Database Preferences</h2>
                     <option value=">1TB">More than 1TB</option>
                 </select>
 
-                <label for="data-type">Data Type:
+                <label for="data-type">Data Type
                     <span class="info-icon" tabindex="0" data-tooltip="Select the format of the data you will be storing. For instance, structured data is used for relational databases, while unstructured data is common for media files.">ℹ️</span>
                 </label>
                 <select id="data-type" name="data-type" required>
@@ -43,7 +43,7 @@ <h2 id="form-title">Select Your Database Preferences</h2>
                     <option value="unstructured">Unstructured (e.g., images, videos)</option>
                 </select>
 
-                <label for="latency">Latency Requirements:
+                <label for="latency">Latency Requirements
                     <span class="info-icon" tabindex="0" data-tooltip="Indicate how quickly you need the database to respond. For example, less than 10ms is critical for real-time applications like gaming.">ℹ️</span>
                 </label>
                 <select id="latency" name="latency" required>
@@ -52,31 +52,31 @@ <h2 id="form-title">Select Your Database Preferences</h2>
                     <option value=">100ms">More than 100ms</option>
                 </select>
 
-                <label for="scalability">Scalability Needs:
+                <label for="scalability">Scalability Needs
                     <span class="info-icon" tabindex="0" data-tooltip="Specify if the database should support global or local scaling. For instance, global scaling is essential for multinational companies.">ℹ️</span>
                 </label>
                 <select id="scalability" name="scalability" required>
                     <option value="global">Global</option>
                     <option value="local">Local</option>
                 </select>
 
-                <label for="consistency">Consistency Model:
+                <label for="consistency">Consistency Model
                     <span class="info-icon" tabindex="0" data-tooltip="Choose the consistency model that fits your application's needs. Strong consistency ensures immediate updates, while eventual consistency is suitable for distributed systems.">ℹ️</span>
                 </label>
                 <select id="consistency" name="consistency" required>
                     <option value="strong">Strong</option>
                     <option value="eventual">Eventual</option>
                 </select>
 
-                <label for="integration-needs">Integration Needs:
+                <label for="integration-needs">Integration Needs
                     <span class="info-icon" tabindex="0" data-tooltip="Indicate if you require integration with other services. For example, integration is necessary for analytics pipelines.">ℹ️</span>
                 </label>
                 <select id="integration-needs" name="integration-needs">
                     <option value="yes">Yes</option>
                     <option value="no">No</option>
                 </select>
 
-                <label for="security">Security Requirements:
+                <label for="security">Security Requirements
                     <span class="info-icon" tabindex="0" data-tooltip="Select the security measures that are necessary for your data. Encryption is ideal for sensitive data, while compliance is crucial for regulated industries.">ℹ️</span>
                 </label>
                 <select id="security" name="security">
@@ -85,7 +85,7 @@ <h2 id="form-title">Select Your Database Preferences</h2>
                     <option value="compliance">Compliance</option>
                 </select>
 
-                <label for="budget">Budget:
+                <label for="budget">Budget
                     <span class="info-icon" tabindex="0" data-tooltip="Specify your budget range for database solutions. For example, less than 100 USD is suitable for startups, while more than 500 USD is common for large enterprises.">ℹ️</span>
                 </label>
                 <select id="budget" name="budget" required>

tool/web-app/script.js

@@ -305,7 +305,7 @@ function showJustification(justification, confidence) {
     <div style="font-size:0.97em;color:#b71c1c;margin-bottom:0.5em;">
         <strong>Disclaimer:</strong> This tool is an advisor only. For official guidance, support, or more detailed information, please refer to <a href='https://support.microsoft.com/contactus?ContactUsExperienceEntryPointAssetId=S.HP.SMC-HOME' target='_blank' rel='noopener'>Microsoft Sales and Support</a> or the official Microsoft documentation.
     </div>`;
-    document.getElementById('justification-text').innerHTML = extendedDef + justification;
+    document.getElementById('justification-text').innerHTML = extendedDef;
     justDiv.style.display = 'block';
     document.getElementById('confidence-value').textContent = confidence + '%';
     confDiv.style.display = 'block';